fixing country dropdown

bcgov · May 27, 2024 · acfad5e · acfad5e
1 parent 49f241c
commit acfad5e
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/strr-web/components/bcros/form-section/property/Address.vue b/strr-web/components/bcros/form-section/property/Address.vue
@@ -22,7 +22,7 @@
         </UFormGroup>
       </div>
       <div class="flex flex-row justify-between w-full mb-[40px] mobile:mb-[16px]">
-        <UFormGroup name="address" class="pr-[16px] flex-grow">
+        <UFormGroup name="Address" class="pr-[16px] flex-grow">
           <UInput
             :id="id"
             v-model="address"
@@ -54,6 +54,7 @@
 
 <script setup lang="ts">
 import { CountryItem } from '@/interfaces/address-i'
+import countries from '@/utils/countries.json'
 const t = useNuxtApp().$i18n.t
 
 const country = defineModel<string>('country')
@@ -84,4 +85,11 @@ const {
 
 country.value = defaultCountryIso3
 
+onMounted(() => {
+  countryItems.value = countries.map(country => ({
+    value: country.iso3,
+    name: country.en
+  }))
+})
+
 </script>
diff --git a/strr-web/stores/strr.ts b/strr-web/stores/strr.ts
@@ -91,7 +91,7 @@ export const formState: CreateAccountFormStateI = reactive({
     whichPlatform: undefined,
     useMailing: false,
     nickname: '',
-    country: 'Canada',
+    country: 'CAN',
     address: undefined,
     addressLineTwo: undefined,
     city: undefined,