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>