diff --git a/src/components/NoData.vue b/src/components/NoData.vue
index 04f1304f..91666481 100644
--- a/src/components/NoData.vue
+++ b/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>
diff --git a/src/i18n/en-US/index.ts b/src/i18n/en-US/index.ts
index a47290fe..14a40ca7 100644
--- a/src/i18n/en-US/index.ts
+++ b/src/i18n/en-US/index.ts
@@ -219,6 +219,7 @@ export default {
       showTotalPrice: 'Show Total Price',
     },
     product: {
+      noProduct: 'No Product',
       allProduct: 'All Product',
     },
   },
diff --git a/src/i18n/th-th/index.ts b/src/i18n/th-th/index.ts
index df799fd6..7e929da9 100644
--- a/src/i18n/th-th/index.ts
+++ b/src/i18n/th-th/index.ts
@@ -217,6 +217,7 @@ export default {
       showTotalPrice: 'แสดงราคารวม',
     },
     product: {
+      noProduct: 'ยังไม่มีสินค้า',
       allProduct: 'สินค้าทั้งหมด',
     },
   },