From b5dbccf5157dfdf5b7d097170108bce06be42443 Mon Sep 17 00:00:00 2001
From: Yu Sung <hwchon1234@gmail.com>
Date: Thu, 2 Oct 2025 17:50:39 +0900
Subject: [PATCH] =?UTF-8?q?feat(can):=20=EB=8B=A4=EA=B5=AD=EC=A0=81=20?=
 =?UTF-8?q?=ED=86=B5=ED=99=94=20=ED=91=9C=EA=B8=B0=20=EC=A7=80=EC=9B=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/Can/CanManagement.vue | 27 +++++++++++++++++++++------
 1 file changed, 21 insertions(+), 6 deletions(-)

diff --git a/src/views/Can/CanManagement.vue b/src/views/Can/CanManagement.vue
index e89d78f..8c44243 100644
--- a/src/views/Can/CanManagement.vue
+++ b/src/views/Can/CanManagement.vue
@@ -39,17 +39,16 @@
                   class="elevation-1"
                   hide-default-footer
                 >
-                  <template v-slot:item.price="{ item }">
-                    <span v-if="item.currency === 'KRW'">₩ {{ item.price.toLocaleString('en-US') }}</span>
-                    <span v-else>$ {{ item.price.toLocaleString('en-US') }}</span>
+                  <template v-slot:item.priceStr="{ item }">
+                    {{ formatMoney(item.price, item.currency) }}
                   </template>
 
                   <template v-slot:item.can="{ item }">
-                    {{ item.can.toLocaleString('en-US') }} 캔
+                    {{ formatNumber(item.can) }} 캔
                   </template>
 
                   <template v-slot:item.rewardCan="{ item }">
-                    {{ item.rewardCan.toLocaleString('en-US') }} 캔
+                    {{ formatNumber(item.rewardCan) }} 캔
                   </template>
 
                   <template v-slot:item.management="{ item }">
@@ -142,7 +141,7 @@ export default {
           text: '가격(VAT포함)',
           align: 'center',
           sortable: false,
-          value: 'price',
+          value: 'priceStr',
         },
         {
           text: '충전캔',
@@ -189,6 +188,22 @@ export default {
       this.selected_can = null
     },
 
+    formatMoney(priceStr, currencyCode, locale = navigator.language) {
+      const price = Number(priceStr);
+      const formatted = new Intl.NumberFormat(locale, {
+        style: 'currency',
+        currency: currencyCode
+      }).format(price);
+
+      return formatted.replace(/([^\d\s])(\d)/, '$1 $2');
+    },
+
+    formatNumber(num) {
+      return new Intl.NumberFormat(navigator.language, {
+        style: 'decimal'
+      }).format(num);
+    },
+
     async getCans() {
       this.isLoading = true
       try {