feat: ใช้ i18n

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

@@ -14,7 +14,7 @@ defineProps<{
 
 <template>
   <div class="row">
-    <div class="col-4 app-text-muted">• {{ $t(`ข้อมูลราคา`) }}</div>
+    <div class="col-4 app-text-muted">• {{ $t('priceeInformation') }}</div>
     <div class="col-8 row q-col-gutter-md">
       <q-input
         :dense="dense"
@@ -23,9 +23,10 @@ defineProps<{
         :borderless="readonly"
         hide-bottom-space
         class="col-4"
-        label="ราคาขาย"
+        :label="$t('salePrice')"
         v-model="price"
       />
+
       <q-input
         :dense="dense"
         :outlined="!readonly"
@@ -33,9 +34,10 @@ defineProps<{
         :borderless="readonly"
         hide-bottom-space
         class="col-4"
-        label="ราคาตัวแทน"
+        :label="$t('agentPrice')"
         v-model="agentPrice"
       />
+
       <q-input
         :dense="dense"
         :outlined="!readonly"
@@ -43,7 +45,7 @@ defineProps<{
         :borderless="readonly"
         hide-bottom-space
         class="col-4"
-        label="ราคาค่าดำเนินการ"
+        :label="$t('processingPrice')"
         v-model="serviceCharge"
       />
     </div>

src/components/04_product-service/ฺBasicInfoProduct.vue

@@ -28,9 +28,10 @@ defineProps<{
         :borderless="readonly"
         hide-bottom-space
         class="col-3"
-        label="รหัสสินค้า"
+        :label="$t('productCode')"
         v-model="code"
       />
+
       <q-input
         for="input-name"
         :dense="dense"
@@ -39,9 +40,10 @@ defineProps<{
         :borderless="readonly"
         hide-bottom-space
         class="col-9"
-        label="ชื่อสินค้า"
+        :label="$t('productName')"
         v-model="name"
       />
+
       <q-input
         for="input-detail"
         :dense="dense"
@@ -51,9 +53,10 @@ defineProps<{
         hide-bottom-space
         type="textarea"
         class="col-12"
-        label="รายละเอียดบริการ"
+        :label="$t('serviceDetail')"
         v-model="detail"
       />
+
       <q-input
         for="input-remark"
         :dense="dense"
@@ -66,6 +69,7 @@ defineProps<{
         :label="$t('detail')"
         v-model="remark"
       />
+
       <q-input
         for="input-process"
         :dense="dense"
@@ -74,7 +78,7 @@ defineProps<{
         :borderless="readonly"
         hide-bottom-space
         class="col-4"
-        label="ระยะเวลาในการดำเนินการ"
+        :label="$t('processingTime')"
         v-model="process"
         type="number"
       />