feat: เพิ่ม i18n

src/components/01_branch-management/FormBranchContact.vue

@@ -5,6 +5,7 @@ const email = defineModel<string>('email');
 const contactName = defineModel<string>('contactName');
 // const operatingHours = defineModel<string>('operatingHours');
 const lineId = defineModel<string>('lineId');
+const typeBranch = defineModel<string>('typeBranch');
 
 defineProps<{
   title?: string;
@@ -23,7 +24,11 @@ defineProps<{
       :readonly="readonly"
       hide-bottom-space
       class="col-5"
-      :label="$t('formDialogInputEmailHq')"
+      :label="
+        typeBranch === 'headOffice'
+          ? $t('formDialogInputEmailHq')
+          : $t('formDialogInputEmailSubBranch')
+      "
       v-model="email"
       for="input-email"
     />
@@ -34,7 +39,11 @@ defineProps<{
       :readonly="readonly"
       hide-bottom-space
       class="col-7"
-      :label="$t('formDialogInputTelephoneHq')"
+      :label="
+        typeBranch === 'headOffice'
+          ? $t('formDialogInputTelephoneHq')
+          : $t('formDialogInputTelephoneSubBranch')
+      "
       v-model="telephoneNo"
       for="input-telephone-no"
     />

src/i18n/en-US/form-dialog.ts

@@ -42,7 +42,9 @@ export default {
   formDialogUploadQrCode: 'Upload QR Code',
 
   formDialogInputTelephoneHq: 'Head Office Telephone Number',
+  formDialogInputTelephoneSubBranch: 'Branch Telephone Number',
   formDialogInputEmailHq: 'Head Office Contact Email',
+  formDialogInputEmailSubBranch: 'Branch Contact Email',
 
   formDialogInputContactName: 'Contact',
 

src/i18n/th-th/form-dialog.ts

@@ -39,7 +39,9 @@ export default {
   formDialogUploadQrCode: 'อัปโหลด QR Code',
 
   formDialogInputTelephoneHq: 'เบอร์โทรศัพท์สำนักงานใหญ่',
+  formDialogInputTelephoneSubBranch: 'เบอร์โทรศัพท์สาขา',
   formDialogInputEmailHq: 'อีเมลติดต่อสำนักงานใหญ่',
+  formDialogInputEmailSubBranch: 'อีเมลติดต่อสาขา',
 
   formDialogInputContactName: 'ติดต่อ',
 

src/pages/01_branch-management/MainPage.vue

@@ -896,6 +896,7 @@ watch(locale, () => {
 
     <template #person>
       <FormBranchContact
+        v-model:type-branch="formTypeBranch"
         v-model:telephone-no="formData.telephoneNo"
         v-model:contact="formData.contact"
         v-model:email="formData.email"