Fix development errors

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,14 +118,20 @@ watch(
   () => {
     cartChanged.value = true;
     debouncedExecute();
-  },
+  }
 );
 
-// Use a longer interval if you still want to use an interval
-setInterval(() => {
-  if (cartChanged.value) {
-    cartChanged.value = false;
-    debouncedExecute();
-  }
-}, 5000);
+onMounted(() => {
+  const intervalId = setInterval(() => {
+    if (cartChanged.value) {
+      cartChanged.value = false;
+      debouncedExecute();
+    }
+  }, 5000);
+
+  // Clear the interval when the component is unmounted to prevent memory leaks
+  onBeforeUnmount(() => {
+    clearInterval(intervalId);
+  });
+});
 </script>

package.json

@@ -22,18 +22,11 @@
     "prettier": "^3.2.5",
     "tailwindcss": "^3.4.1"
   },
-  "resolutions": {
-    "vue": "^3.4.21",
-    "tslib": "2.5.1"
-  },
-  "overrides": {
-    "vue": "^3.3.9",
-    "tslib": "2.6.2"
-  },
   "dependencies": {
     "@formkit/nuxt": "^1.6.0",
     "@nuxtjs/algolia": "^1.10.1",
     "@pinia/nuxt": "^0.5.1",
+    "graphql": "^16.8.1",
     "lodash": "^4.17.21",
     "pinia": "^2.1.7",
     "swiper": "^10.3.1",

tests/index.spec.ts

@@ -1,7 +1,6 @@
 import { test, expect } from "@playwright/test";
 
 test("Has Index title", async ({ page }) => {
-  //await page.goto('https://playwright.dev/');
   await page.goto("/");
 
   // Expect a title "to contain" a substring.