Merge pull request #1506 from w3bdesign/develop

Debug

Author: w3bdesign

pages/product/[product].vue

@@ -1,16 +1,18 @@
 <template>
-  <ProductsSingleProduct :product="productData" v-if="productData" />
+  <ProductsSingleProduct :product="data.product" v-if="data && data.product" />
 </template>
 
 <script setup>
 import GET_SINGLE_PRODUCT_QUERY from "@/apollo/queries/GET_SINGLE_PRODUCT_QUERY.gql";
 
 const route = useRoute();
 
+console.log("Route:", route.query);
+
 const variables = { id: route.query.id };
-const { result } = await useAsyncQuery(GET_SINGLE_PRODUCT_QUERY, variables);
+const { data } = await useAsyncQuery(GET_SINGLE_PRODUCT_QUERY, variables);
 
-const productData = computed(() => result.value?.product);
+console.log("Data:", data);
 
 useHead({
   title: route.params.product,