From bb784aee556cecd9274b2e3bf9b039f608830d2a Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Mon, 18 Mar 2024 03:00:06 +0100
Subject: [PATCH 1/2] Fix Pinia add to cart

---
 components/Products/ProductsSingleProduct.vue |  4 +--
 store/useCart.js                              | 29 ++++++++++++++-----
 2 files changed, 24 insertions(+), 9 deletions(-)

diff --git a/components/Products/ProductsSingleProduct.vue b/components/Products/ProductsSingleProduct.vue
index 9d05a918..64f6443b 100644
--- a/components/Products/ProductsSingleProduct.vue
+++ b/components/Products/ProductsSingleProduct.vue
@@ -66,7 +66,7 @@
 
 <script setup>
 /**
- * Vue.js component that displays a single product.
+ * Component that displays a single product.
  *
  * @component
  * @example
@@ -119,7 +119,7 @@ watch(
  * @return {Promise<void>} A Promise that resolves when the product has been successfully added to the cart.
  */
 const addProductToCart = async (product) => {
-  cart.addToCart(product);
+  await cart.addToCart(product);
 
   watchEffect(() => {
     if (isLoading.value === false) {
diff --git a/store/useCart.js b/store/useCart.js
index 4ae0d06f..c776c262 100644
--- a/store/useCart.js
+++ b/store/useCart.js
@@ -39,7 +39,9 @@ export const useCart = defineStore("cartState", {
           );
 
           if (foundProductInCartIndex > -1) {
-            this.cart[foundProductInCartIndex].quantity += newCartItem.quantity;
+            // We need to update the quantity
+
+            this.cart[foundProductInCartIndex].quantity += 1;
           } else {
             // We need to construct a cart item that matches the expected structure in `this.cart`
             const productCopy = {
@@ -48,6 +50,7 @@ export const useCart = defineStore("cartState", {
               price: newCartItem.total, // Assuming 'total' is the price for one item
               slug: newCartItem.product.node.slug,
             };
+
             this.cart.push(productCopy);
           }
         } else {
@@ -80,12 +83,24 @@ export const useCart = defineStore("cartState", {
     getCartTotal() {
       const currencySymbol = useRuntimeConfig().public.currencySymbol || "kr";
 
-      return this.cart.reduce(
-        (total, product) =>
-          total +
-          Number(product.price.replace(currencySymbol, "")) * product.quantity,
-        0
-      );
+      //console.log("Cart:", this.cart);
+
+      const total = this.cart.reduce((total, product) => {
+        // Assuming product.price is a string that includes the currency symbol
+        const numericPrice = product.price
+          .replace(currencySymbol, "")
+          .replace(/[^0-9.]+/g, "");
+
+        // Convert the cleaned string to a floating-point number
+        const price = parseFloat(numericPrice);
+
+        const productTotal = price * product.quantity;
+
+        return total + productTotal;
+      }, 0);
+
+      // Format the total with the currency symbol and return it
+      return `${currencySymbol} ${total.toFixed(2)}`;
     },
   },
   persist: true,

From 04c3596e1f8ce14ccf4634df5e67edfb2a553e46 Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Mon, 18 Mar 2024 03:00:53 +0100
Subject: [PATCH 2/2] Cleanup

---
 store/useCart.js | 4 ----
 1 file changed, 4 deletions(-)

diff --git a/store/useCart.js b/store/useCart.js
index c776c262..e47e2ee0 100644
--- a/store/useCart.js
+++ b/store/useCart.js
@@ -39,8 +39,6 @@ export const useCart = defineStore("cartState", {
           );
 
           if (foundProductInCartIndex > -1) {
-            // We need to update the quantity
-
             this.cart[foundProductInCartIndex].quantity += 1;
           } else {
             // We need to construct a cart item that matches the expected structure in `this.cart`
@@ -83,8 +81,6 @@ export const useCart = defineStore("cartState", {
     getCartTotal() {
       const currencySymbol = useRuntimeConfig().public.currencySymbol || "kr";
 
-      //console.log("Cart:", this.cart);
-
       const total = this.cart.reduce((total, product) => {
         // Assuming product.price is a string that includes the currency symbol
         const numericPrice = product.price