From 2767047adaedd3438aed1693315b6b289b728a56 Mon Sep 17 00:00:00 2001
From: Sergey Krylov <ksv741@mail.ru>
Date: Tue, 28 Jan 2025 06:26:58 +0300
Subject: [PATCH] feat: add currency symbol

---
 src/components/Card.vue     | 2 +-
 src/components/CartItem.vue | 2 +-
 src/components/Drawer.vue   | 6 +++---
 src/components/Header.vue   | 2 +-
 src/utils/helpers.js        | 2 +-
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/Card.vue b/src/components/Card.vue
index 1e37ffe..4df9226 100644
--- a/src/components/Card.vue
+++ b/src/components/Card.vue
@@ -28,7 +28,7 @@
     <div class="flex justify-between mt-5">
       <div class="flex flex-col">
         <span class="text-slate-400 uppercase">Цена:</span>
-        <b>{{decimalFormatter.format(price)}} руб.</b>
+        <b>{{decimalFormatter.format(price)}} </b>
       </div>
 
       <img @click="onClickAdd" :src="isAdded ? '/checked.svg' : '/plus.svg'" alt="Add">
diff --git a/src/components/CartItem.vue b/src/components/CartItem.vue
index e00da03..49c8039 100644
--- a/src/components/CartItem.vue
+++ b/src/components/CartItem.vue
@@ -18,7 +18,7 @@
       <p>{{item.title}}</p>
 
       <div class="flex justify-between mt-2">
-        <b>{{ decimalFormatter.format(item.price) }} руб.</b>
+        <b>{{ decimalFormatter.format(item.price) }}</b>
         <img @click="() => $emit('onRemove', item)" src="/close.svg" alt="Close" class="cursor-pointer transition opacity-40 hover:opacity-100">
       </div>
     </div>
diff --git a/src/components/Drawer.vue b/src/components/Drawer.vue
index 2d405df..aeb4e43 100644
--- a/src/components/Drawer.vue
+++ b/src/components/Drawer.vue
@@ -42,19 +42,19 @@
         <div class="flex justify-between gap-2">
           <span>Итого:</span>
           <div class="flex-1 border-b border-dashed"></div>
-          <b>{{ decimalFormatter.format(totalPrice) }} руб.</b>
+          <b>{{ decimalFormatter.format(totalPrice) }} </b>
         </div>
 
         <div class="flex justify-between gap-2">
           <span>Налог 5%:</span>
           <div class="flex-1 border-b border-dashed"></div>
-          <b>{{ decimalFormatter.format(totalPrice * 0.05) }} руб.</b>
+          <b>{{ decimalFormatter.format(totalPrice * 0.05) }} </b>
         </div>
 
         <div class="flex justify-between gap-2">
           <span>К оплате:</span>
           <div class="flex-1 border-b border-dashed"></div>
-          <b>{{ decimalFormatter.format(totalPrice * 0.95) }} руб.</b>
+          <b>{{ decimalFormatter.format(totalPrice * 0.95) }} </b>
         </div>
 
         <button
diff --git a/src/components/Header.vue b/src/components/Header.vue
index 260cd96..ba6f56e 100644
--- a/src/components/Header.vue
+++ b/src/components/Header.vue
@@ -24,7 +24,7 @@
         class="flex items-center gap-2 text-gray-500 hover:text-black cursor-pointer"
       >
         <img src="/cart.svg" alt="Cart" />
-        <b> {{ decimalFormatter.format(totalPrice)}} руб. </b>
+        <b> {{ decimalFormatter.format(totalPrice)}}  </b>
       </li>
 
       <li class="flex items-center gap-2 text-gray-500 hover:text-black cursor-pointer">
diff --git a/src/utils/helpers.js b/src/utils/helpers.js
index 8295388..62a3b06 100644
--- a/src/utils/helpers.js
+++ b/src/utils/helpers.js
@@ -1 +1 @@
-export const decimalFormatter = new Intl.NumberFormat('ru-RU', { style: 'decimal' });
+export const decimalFormatter = new Intl.NumberFormat('ru-RU', { style: 'currency', currency: 'RUB' });