From b1904a4d9977e9082cde0f703212a47ddbd02e67 Mon Sep 17 00:00:00 2001
From: Thanaphon Frappet <thanaphon@frappet.com>
Date: Fri, 25 Oct 2024 16:48:00 +0700
Subject: [PATCH] refactor: use i18n

---
 .../03_customer-management/ExpirationDate.vue   | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/components/03_customer-management/ExpirationDate.vue b/src/components/03_customer-management/ExpirationDate.vue
index f23c6343..97e8d956 100644
--- a/src/components/03_customer-management/ExpirationDate.vue
+++ b/src/components/03_customer-management/ExpirationDate.vue
@@ -13,12 +13,17 @@ defineProps<{
       class="text-weight-bold"
     >
       {{
-        calculateDaysUntilExpire(expirationDate) > 0
-          ? 'จะครบกำหนดในอีก'
-          : calculateDaysUntilExpire(expirationDate) === 0
-            ? 'ครบกำหนด'
-            : 'เลยกำหนด'
+        $t(
+          `general.${
+            calculateDaysUntilExpire(expirationDate) > 0
+              ? 'beDue'
+              : calculateDaysUntilExpire(expirationDate) === 0
+                ? 'due'
+                : 'overDue'
+          }`,
+        )
       }}
+
       {{
         calculateDaysUntilExpire(expirationDate) > 0
           ? calculateDaysUntilExpire(expirationDate)
@@ -27,7 +32,7 @@ defineProps<{
             : calculateDaysUntilExpire(expirationDate) * -1
       }}
       <template v-if="calculateDaysUntilExpire(expirationDate) !== 0">
-        วัน
+        {{ $t('general.day') }}
       </template>
     </q-badge>
   </template>