fix: แก้ i18n/ลบโค้คที่ไม่ได้ใช้

src/pages/04_product-service/MainPage.vue

@@ -37,22 +37,6 @@ const {
 import ItemCard from 'src/components/ItemCard.vue';
 import TotalProductComponent from 'src/components/04_product-service/TotalProductComponent.vue';
 
-const cardData = ref({
-  title: 'งาน MCU',
-  subtitle: 'G00000000001',
-  color: 'var(--pink-6)',
-  status: true,
-  date: new Date(),
-});
-
-const cardTypeData = ref({
-  title: 'บริการพิสูจน์สัญชาติ',
-  subtitle: 'TG10000000001',
-  color: 'var(--purple-11)',
-  status: true,
-  date: new Date(),
-});
-
 const stat = ref<
   {
     count: number;
@@ -63,7 +47,7 @@ const stat = ref<
   { count: 0, label: 'productAndService', color: 'pink' },
   { count: 0, label: 'productAndServiceType', color: 'purple' },
   { count: 0, label: 'service', color: 'orange' },
-  { count: 0, label: 'service', color: 'green' },
+  { count: 0, label: 'product', color: 'green' },
 ]);
 
 import { useI18n } from 'vue-i18n';
@@ -236,21 +220,19 @@ onMounted(async () => {
       bordered
       style="min-height: 70vh"
     >
-      <template>
-        <TooltipComponent
-          class="self-end"
-          title="messageTooltipNoProduct"
-          caption="messageTooltipProductCreate"
-          imgSrc="personnel-table-"
-        />
+      <TooltipComponent
+        class="self-end"
+        title="messageTooltipNoProduct"
+        caption="messageTooltipProductCreate"
+        imgSrc="personnel-table-"
+      />
 
-        <div class="row items-center justify-center" style="flex-grow: 1">
-          <AddButton
-            label="productCreate"
-            @trigger="() => (dialogInputForm = true)"
-          />
-        </div>
-      </template>
+      <div class="row items-center justify-center" style="flex-grow: 1">
+        <AddButton
+          label="productCreate"
+          @trigger="() => (dialogInputForm = true)"
+        />
+      </div>
     </AppBox>
 
     <div v-if="productGroup?.length !== 0">