Fix bug with add to cart

Author: w3bdesign

nuxt3/components/Cart/CartAddToCartButton.vue

@@ -63,7 +63,6 @@ const addProductToCart = (product) => {
   onError(() => {
     isLoading.value = false
     isError.value = true
-    //mutate(variables)
   })
 }
 </script>

nuxt3/components/Layout/LayoutCart.vue

@@ -37,6 +37,8 @@
 <script setup>
 import GET_CART_QUERY from '@/apollo/queries/GET_CART_QUERY.gql'
 
+import { getCookie } from '@/utils/functions'
+
 const cartLength = useState('cartLength', () => 0)
 const subTotal = useState('subTotal', '')
 const remoteError = useState('remoteError', () => false)
@@ -49,7 +51,7 @@ const updateCartDisplay = () => {
   if (!data) {
     return
   }
-  
+
   cartLength.value = data.value.cart.contents.nodes.reduce(
     (accumulator, argument) => accumulator + argument.quantity,
     0
@@ -61,9 +63,11 @@ const updateCartDisplay = () => {
 }
 
 setInterval(() => {
-  if (!pending.value) {
-    execute()
-    updateCartDisplay()
+  if (process.client) {
+    if (!pending.value && getCookie('woo-session')) {
+      execute()
+      updateCartDisplay()
+    }
   }
 }, 3000)
 </script>

nuxt3/plugins/apollo.js

@@ -24,16 +24,12 @@ export default defineNuxtPlugin((nuxtApp) => {
      * If session data exist in local storage, set value as session header.
      */
 
-    if (process.client) {
-      const session = localStorage.getItem('woo-session') || 'test'
-
-      if (session && session.length > 0) {
-        operation.setContext(() => ({
-          headers: {
-            'woocommerce-session': `Session ${session}`,
-          },
-        }))
-      }
+    if (process.client && cookie.value) {
+      operation.setContext(() => ({
+        headers: {
+          'woocommerce-session': `Session ${cookie.value}`,
+        },
+      }))
     }
 
     return forward(operation)
@@ -50,13 +46,10 @@ export default defineNuxtPlugin((nuxtApp) => {
         response: { headers },
       } = context
 
-      const session =
-        headers.get('woocommerce-session') ||
-        localStorage.getItem('woo-session')
+      const session = headers.get('woocommerce-session') || cookie.value
 
       if (process.client && session) {
         cookie.value = session
-        localStorage.setItem('woo-session', session)
       }
       return response
     })
@@ -68,13 +61,12 @@ export default defineNuxtPlugin((nuxtApp) => {
   // Create the apollo client
   const apolloClient = new ApolloClient({
     link: middleware.concat(afterware.concat(httpLink)),
-
     cache,
   })
 
+  provideApolloClient(apolloClient)
+
   nuxtApp.hook('apollo:auth', ({ token }) => {
     token.value = cookie.value
-
-    provideApolloClient(apolloClient)
   })
 })

nuxt3/utils/functions.js

@@ -59,3 +59,18 @@ export function createCheckoutData(form) {
     transactionId: 'test',
   }
 }
+
+/**
+ * Get specific cookie from document.cookie
+ * @param {String} cName Name of cookie to return
+ */
+export function getCookie(cName) {
+  const name = cName + '='
+  const cDecoded = decodeURIComponent(document.cookie) 
+  const cArr = cDecoded.split('; ')
+  let res
+  cArr.forEach((val) => {
+    if (val.indexOf(name) === 0) res = val.substring(name.length)
+  })
+  return res
+}