fix: service & properties i18n

src/components/04_product-service/WorkNameManagement.vue

@@ -3,7 +3,6 @@ import { onMounted, ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { storeToRefs } from 'pinia';
 
-import { deleteItem, dialog } from 'src/stores/utils';
 import useProductServiceStore from 'src/stores/product-service';
 
 import NoData from '../NoData.vue';
@@ -66,6 +65,7 @@ watch(
         >
           <q-input
             ref="inputName"
+            :for="`input-work-name-${index}`"
             dense
             class="col q-mr-md"
             v-model="item.name"
@@ -85,7 +85,7 @@ watch(
             color="primary"
             @click="item.isEdit = true"
           >
-            <q-tooltip>Edit</q-tooltip>
+            <q-tooltip>{{ $t('edit') }}</q-tooltip>
           </q-btn>
           <q-btn
             v-else
@@ -102,7 +102,7 @@ watch(
               }
             "
           >
-            <q-tooltip>Save</q-tooltip>
+            <q-tooltip>{{ $t('save') }}</q-tooltip>
           </q-btn>
           <q-btn
             v-if="!item.isEdit"
@@ -116,7 +116,7 @@ watch(
             color="negative"
             @click="$emit('delete', item.id)"
           >
-            <q-tooltip>Delete</q-tooltip>
+            <q-tooltip>{{ $t('delete') }}</q-tooltip>
           </q-btn>
           <q-btn
             v-else
@@ -129,7 +129,7 @@ watch(
             color="negative"
             @click="assignClone"
           >
-            <q-tooltip>Cancel</q-tooltip>
+            <q-tooltip>{{ $t('cancel') }}</q-tooltip>
           </q-btn>
         </q-item>
       </q-list>
@@ -147,7 +147,7 @@ watch(
         >
           <span class="q-px-lg flex items-center app-text-muted-2">
             <q-icon name="mdi-plus" class="q-mr-md" />
-            เพิ่มงานใหม่
+            {{ $t('addWork') }}
           </span>
         </q-item>
       </div>