Merge pull request #1507 from w3bdesign/develop

Fix checkout

Author: w3bdesign

pages/checkout.vue

@@ -7,10 +7,20 @@
 
 <script setup>
 import { useCart } from "@/store/useCart";
+import { watch } from "vue";
+
 const cart = useCart();
-if (cart.cart.length === 0) {
-  await navigateTo("/");
-}
+
+watch(
+  () => cart.loading,
+  (loading) => {
+    if (!loading && cart.cart.length === 0) {
+      navigateTo("/");
+    }
+  },
+  { immediate: true },
+);
+
 useHead({
   title: "Checkout",
   titleTemplate: "%s - Nuxt 3 Woocommerce",

pages/product/[product].vue

@@ -7,13 +7,9 @@ import GET_SINGLE_PRODUCT_QUERY from "@/apollo/queries/GET_SINGLE_PRODUCT_QUERY.
 
 const route = useRoute();
 
-console.log("Route:", route.query);
-
 const variables = { id: route.query.id };
 const { data } = await useAsyncQuery(GET_SINGLE_PRODUCT_QUERY, variables);
 
-console.log("Data:", data);
-
 useHead({
   title: route.params.product,
   titleTemplate: "%s - Nuxt 3 Woocommerce",