diff --git a/src/components/CreateNewPostcodeForm.vue b/src/components/CreateNewPostcodeForm.vue
index 99cba5360..030ca1388 100644
--- a/src/components/CreateNewPostcodeForm.vue
+++ b/src/components/CreateNewPostcodeForm.vue
@@ -79,14 +79,20 @@ async function onProvinceCreated(data) {
watch(
() => [postcodeFormData.countryFk],
async (newCountryFk, oldValueFk) => {
- if (!!oldValueFk[0] && newCountryFk[0] !== oldValueFk[0]) {
+ if (Array.isArray(newCountryFk)) {
+ newCountryFk = newCountryFk[0];
+ }
+ if (Array.isArray(oldValueFk)) {
+ oldValueFk = oldValueFk[0];
+ }
+ if (!!oldValueFk && newCountryFk !== oldValueFk) {
postcodeFormData.provinceFk = null;
postcodeFormData.townFk = null;
}
- if ((newCountryFk, newCountryFk !== postcodeFormData.countryFk)) {
+ if (oldValueFk !== newCountryFk) {
await provincesFetchDataRef.value.fetch({
where: {
- countryFk: newCountryFk[0],
+ countryFk: newCountryFk,
},
});
await townsFetchDataRef.value.fetch({
@@ -103,9 +109,12 @@ watch(
watch(
() => postcodeFormData.provinceFk,
async (newProvinceFk) => {
- if (newProvinceFk[0] && newProvinceFk[0] !== postcodeFormData.provinceFk) {
+ if (Array.isArray(newProvinceFk)) {
+ newProvinceFk = newProvinceFk[0];
+ }
+ if (newProvinceFk !== postcodeFormData.provinceFk) {
await townsFetchDataRef.value.fetch({
- where: { provinceFk: newProvinceFk[0] },
+ where: { provinceFk: newProvinceFk },
});
}
}
@@ -125,16 +134,26 @@ async function handleCountries(data) {
-
+
{
},
}"
url="Autonomies/location"
+ :sort-by="['name ASC']"
+ :limit="30"
/>