refactor: add i18n

src/i18n/eng/index.ts

@@ -765,4 +765,14 @@ export default {
       invalideData: 'The information is incorrect. Please try again later.',
     },
   },
+
+  preview: {
+    productList: 'Product List',
+    rank: 'Rank',
+    productCode: 'Product Code',
+    pricePerUnit: 'Price per Unit',
+    discount: 'Discount',
+    vat: 'VAT',
+    value: 'Value',
+  },
 };

src/i18n/tha/index.ts

@@ -757,4 +757,14 @@ export default {
       invalideData: 'ข้อมูลไม่ถูกต้อง กรุณาตรวจสอบใหม่อีกครั้ง',
     },
   },
+
+  peview: {
+    productList: 'รายการสินค้า',
+    rank: 'อันดับ',
+    productCode: 'รหัสสินค้า',
+    pricePerUnit: 'ราคาต่อหน่วย',
+    discount: 'ส่วนลด',
+    vat: 'ภาษี',
+    value: 'มูลค่า',
+  },
 };

src/pages/05_quotation/peview/ViewForm.vue

@@ -95,20 +95,20 @@ watch(elements, () => {
           border-bottom: 2px solid var(--orange-5);
         "
       >
-        รายการสินค้า
+        {{ $t('peview.productList') }}
       </span>
 
       <table ref="elements" class="q-mb-sm" cellpadding="0" style="width: 100%">
         <tbody>
           <tr>
-            <th>อันดับ</th>
-            <th>รหัสสินค้า</th>
-            <th>รายละเอียด</th>
-            <th>จำนวน</th>
-            <th>ราคาต่อหน่วย</th>
-            <th>ส่วนสด</th>
-            <th>ภาษี</th>
-            <th>มูลค่า</th>
+            <th>{{ $t('peview.rank') }}</th>
+            <th>{{ $t('peview.productCode') }}</th>
+            <th>{{ $t('general.detail') }}</th>
+            <th>{{ $t('general.amount') }}</th>
+            <th>{{ $t('peview.pric') }}</th>
+            <th>{{ $t('peview.discount') }}</th>
+            <th>{{ $t('peview.vat') }}</th>
+            <th>{{ $t('peview.value') }}</th>
           </tr>
           <tr class="color-tr" v-for="(_, i) in chunk">
             <td class="text-center">{{ i + 1 }}</td>