Merge pull request #1146 from w3bdesign/dev

Nuxt 3.7

Author: w3bdesign

components/Cart/CartItem.vue

@@ -25,9 +25,7 @@
     </div>
     <div class="item">
       <span class="block mt-2 font-extrabold">Subtotal: <br /></span>
-      <span class="item-content"
-        >{{ formatPrice(`${product.total}`) }}</span
-      >
+      <span class="item-content">{{ formatPrice(`${product.total}`) }}</span>
     </div>
   </div>
 </template>
@@ -63,7 +61,7 @@ const emit = defineEmits(["remove"]);
 
 /**
  * Emits a "remove" event with the `product` prop as the payload.
-  */
+ */
 const emitRemove = () => {
   emit("remove", props.product);
 };

components/Layout/LayoutCart.vue

@@ -74,7 +74,7 @@ const updateCartDisplay = () => {
 
   const remoteCartLength = data.value.cart.contents.nodes.reduce(
     (total, product) => total + product.quantity,
-    0
+    0,
   );
 
   const remoteTotal = data.value.cart.contents.nodes.reduce(
@@ -83,7 +83,7 @@ const updateCartDisplay = () => {
       const productTotal = Number(product.total.replace(/[^0-9.-]+/g, ""));
       return total + productTotal;
     },
-    0
+    0,
   );
 
   cartLength.value = remoteCartLength;
@@ -118,7 +118,7 @@ watch(
   () => {
     cartChanged.value = true;
     debouncedExecute();
-  }
+  },
 );
 
 // Use a longer interval if you still want to use an interval