feat: nodata product i18n

src/components/NoData.vue

@@ -1,6 +1,7 @@
 <script setup lang="ts">
 defineProps<{
   size?: number;
+  text?: string;
   useField?: boolean;
   notFound?: boolean;
 }>();
@@ -15,7 +16,15 @@ defineProps<{
       }"
     />
     <div class="app-text-muted text-center">
-      {{ notFound ? $t('notFound') : useField ? $t('noField') : $t('noData') }}
+      {{
+        text
+          ? text
+          : notFound
+            ? $t('notFound')
+            : useField
+              ? $t('noField')
+              : $t('noData')
+      }}
     </div>
   </div>
 </template>

src/i18n/en-US/index.ts

@@ -219,6 +219,7 @@ export default {
       showTotalPrice: 'Show Total Price',
     },
     product: {
+      noProduct: 'No Product',
       allProduct: 'All Product',
     },
   },

src/i18n/th-th/index.ts

@@ -217,6 +217,7 @@ export default {
       showTotalPrice: 'แสดงราคารวม',
     },
     product: {
+      noProduct: 'ยังไม่มีสินค้า',
       allProduct: 'สินค้าทั้งหมด',
     },
   },