diff --git a/src/components/form/AddressForm.vue b/src/components/form/AddressForm.vue index 40e259ed..31225ddf 100644 --- a/src/components/form/AddressForm.vue +++ b/src/components/form/AddressForm.vue @@ -75,29 +75,36 @@ const { t } = useI18n(); const fullAddress = computed(() => { const addressParts = [`${address.value},`]; const province = provinceOptions.value.find((v) => v.id === provinceId.value); + const district = districtOptions.value.find((v) => v.id === districtId.value); const sDistrict = subDistrictOptions.value.find( (v) => v.id === subDistrictId.value, ); - if (moo.value) addressParts.push(`${t('form.moo')} ${moo.value},`); - if (soi.value) addressParts.push(`${t('form.soi')} ${soi.value},`); - if (street.value) addressParts.push(`${t('form.road')} ${street.value},`); + if (moo.value) addressParts.push(`หมู่ ${moo.value},`); + if (soi.value) addressParts.push(`ซอย ${soi.value},`); + if (street.value) addressParts.push(`ถนน ${street.value},`); if (subDistrictId.value && sDistrict) { addressParts.push( - typeof sDistrict.name === 'string' ? `${sDistrict.name},` : '', + typeof sDistrict.name === 'string' + ? `${!!province && province.id === '10' ? t('addressBangkok.subdistrict') : t('address.subdistrict')} ${sDistrict.name},` + : '', ); } if (districtId.value && district) addressParts.push( - typeof district.name === 'string' ? `${district.name},` : '', + typeof district.name === 'string' + ? `${!!province && province.id === '10' ? t('addressBangkok.district') : t('address.district')} ${district.name},` + : '', ); if (provinceId.value && province) { addressParts.push( - typeof province.name === 'string' ? `${province.name}` : '', + typeof province.name === 'string' + ? ` ${!!province && province.id === '10' ? t('addressBangkok.province') : t('address.province')} ${province.name}` + : '', ); sDistrict && addressParts.push( @@ -122,18 +129,24 @@ const fullAddressEN = computed(() => { if (subDistrictId.value && sDistrict) { addressParts.push( - typeof sDistrict.nameEN === 'string' ? `${sDistrict.nameEN},` : '', + typeof sDistrict.nameEN === 'string' + ? `${sDistrict.nameEN} ${t('addressEn.subdistrict')},` + : '', ); } if (districtId.value && district) addressParts.push( - typeof district.nameEN === 'string' ? `${district.nameEN},` : '', + typeof district.nameEN === 'string' + ? `${district.nameEN} ${t('addressEn.district')}` + : '', ); if (provinceId.value && province) { addressParts.push( - typeof province.nameEN === 'string' ? `${province.nameEN}` : '', + typeof province.nameEN === 'string' + ? `${province.nameEN} ${t('addressEn.province')}` + : '', ); sDistrict && addressParts.push(