fix: Defining computed countries property (#3779)

Author: kushthedude

app/components/forms/orders/order-form.js

@@ -5,7 +5,6 @@ import { run } from '@ember/runloop';
 import { inject as service } from '@ember/service';
 import FormMixin from 'open-event-frontend/mixins/form';
 import moment from 'moment';
-import { countries } from 'open-event-frontend/utils/dictionary/demography';
 import { groupBy, orderBy } from 'lodash-es';
 import {
   compulsoryProtocolValidUrlPattern, validTwitterProfileUrlPattern, validFacebookProfileUrlPattern,
@@ -467,10 +466,6 @@ export default Component.extend(FormMixin, {
     return groupBy(this.fields.toArray(), field => field.get('form'));
   }),
 
-  countries: computed(function() {
-    return orderBy(countries, 'name');
-  }),
-
   genders: orderBy(genders, 'name'),
 
   actions: {

app/components/widgets/forms/billing-info.js

@@ -0,0 +1,10 @@
+import { countries } from 'open-event-frontend/utils/dictionary/demography';
+import Component from '@ember/component';
+import { computed } from '@ember/object';
+import { orderBy } from 'lodash-es';
+
+export default Component.extend({
+  countries: computed(function() {
+    return orderBy(countries, 'name');
+  })
+});