feat: Personnel => i18n

src/pages/02_personnel-management/MainPage.vue

@@ -102,19 +102,19 @@ const branchStat = ref<
 
 const selectorList = [
   {
-    label: 'พนักงาน',
+    label: 'personnelSelector1',
     count: 0,
   },
   {
-    label: 'พนักงานส่งเอกสาร',
+    label: 'personnelSelector2',
     count: 0,
   },
   {
-    label: 'ตัวแทน',
+    label: 'personnelSelector3',
     count: 0,
   },
   {
-    label: 'เอเจนซี่',
+    label: 'personnelSelector4',
     count: 0,
   },
 ] satisfies InstanceType<typeof SelectorList>['$props']['list'];
@@ -137,7 +137,7 @@ const selectorList = [
       <!-- stat -->
       <AppBox bordered class="column full-width" style="overflow-x: auto">
         <span class="text-weight-bold text-subtitle1">
-          สรุปจำนวนข้อมูล{{ selectorLabel }}
+          {{ $t('personnelStatTitle') + selectorLabel }}
         </span>
         <div class="row q-pt-lg">
           <stat-card-componet :branch="branchStat" class="no-wrap" />
@@ -147,7 +147,8 @@ const selectorList = [
 
     <!-- main -->
     <AppBox bordered style="width: 100%; height: 580px; overflow-y: auto">
-      <PersonCard :list="person" class="q-mb-md" />
+      <!-- <PersonCard :list="person" class="q-mb-md" /> -->
+
       <div class="column" style="height: 100%">
         <div class="col-1 self-end">
           <div class="row">
@@ -161,7 +162,7 @@ const selectorList = [
 
         <div class="col self-center" style="display: flex; align-items: center">
           <btn-add-componet
-            :label="'เพิ่มข้อมูลบุคลากร'"
+            :label="'personnelAdd'"
             @trigger="
               () => {
                 console.log('test');