diff --git a/src/components/02_personnel-management/InfoForm.vue b/src/components/02_personnel-management/InfoForm.vue
index 9dabf34c..07faa4a4 100644
--- a/src/components/02_personnel-management/InfoForm.vue
+++ b/src/components/02_personnel-management/InfoForm.vue
@@ -11,6 +11,7 @@ defineProps<{
   noPaddingTab?: boolean;
   disabledRule?: boolean;
   employee?: boolean;
+  tabsList?: { name: string; label: string }[];
 }>();
 
 const address = defineModel('address', { default: '' });
@@ -22,7 +23,6 @@ const zipCode = defineModel<string>('zipCode', { default: '' });
 
 const sameWithEmployer = defineModel<boolean>('sameWithEmployer');
 const employeeTab = defineModel<string>('employeeTab');
-const tabsList = defineModel<{ name: string; label: string }[]>('tabsList');
 </script>
 <template>
   <div class="column absolute-top" style="inset: 0">
diff --git a/src/components/FormDialog.vue b/src/components/FormDialog.vue
index 42cef8ba..6cfd74bc 100644
--- a/src/components/FormDialog.vue
+++ b/src/components/FormDialog.vue
@@ -24,6 +24,7 @@ defineProps<{
   edit?: boolean;
 
   isEdit?: boolean;
+  tabsList?: { name: string; label: string }[];
 
   editData?: (...args: unknown[]) => void;
   deleteData?: (...args: unknown[]) => void;
@@ -42,7 +43,6 @@ const zipCode = defineModel<string>('zipCode', { default: '' });
 const sameWithEmployer = defineModel<boolean>('sameWithEmployer');
 
 const currentTab = defineModel<string>('currentTab');
-const tabsList = defineModel<{ name: string; label: string }[]>('tabsList');
 </script>
 <template>
   <q-dialog v-model="modal" @hide="close">
diff --git a/src/pages/03_customer-management/MainPage.vue b/src/pages/03_customer-management/MainPage.vue
index 41c08b11..6b1efea8 100644
--- a/src/pages/03_customer-management/MainPage.vue
+++ b/src/pages/03_customer-management/MainPage.vue
@@ -1918,7 +1918,7 @@ watch(selectorLabel, async () => {
       formDataEmployeeTab === 'healthCheck' ||
       formDataEmployeeTab === 'workHistory'
     "
-    v-model:tabs-list="employeeTab"
+    :tabs-list="employeeTab"
     v-model:current-tab="formDataEmployeeTab"
     v-model:same-with-employer="formDataEmployeeSameAddr"
     v-model:address="formDataEmployee.address"
@@ -2768,7 +2768,7 @@ watch(selectorLabel, async () => {
         formDataEmployeeTab === 'workHistory'
       "
       v-model:same-with-employer="formDataEmployeeSameAddr"
-      v-model:tabs-list="employeeTab"
+      :tabs-list="employeeTab"
       v-model:employee-tab="formDataEmployeeTab"
       v-model:address="formDataEmployee.address"
       v-model:addressEN="formDataEmployee.addressEN"
diff --git a/src/pages/04_product-service/MainPage.vue b/src/pages/04_product-service/MainPage.vue
index cf34dae8..3a0f1934 100644
--- a/src/pages/04_product-service/MainPage.vue
+++ b/src/pages/04_product-service/MainPage.vue
@@ -2044,7 +2044,7 @@ watch(currentPageService, async () => {
     height="95vh"
     :title="$t('addService')"
     v-model:modal="dialogService"
-    v-model:tabs-list="serviceTab"
+    :tabs-list="serviceTab"
     v-model:current-tab="currentServiceTab"
     :submit="
       () => {
@@ -2189,8 +2189,8 @@ watch(currentPageService, async () => {
     height="95vh"
     :isEdit="infoServiceEdit"
     :title="$t('service', { msg: formDataProductService.name })"
+    :tabs-list="serviceTab"
     v-model:modal="dialogServiceEdit"
-    v-model:tabs-list="serviceTab"
     v-model:current-tab="currentServiceTab"
     :submit="
       () => {