Merge pull request #1498 from w3bdesign/develop

Refactor

Author: w3bdesign

components/Category/CategoryShowAll.vue

@@ -1,8 +1,8 @@
 <template>
-  <div v-if="data.productCategories">
+  <div v-if="categories.productCategories">
     <section class="bg-white">
       <div class="flex justify-center align-middle flex-col md:flex-row">
-        <template v-for="nodes in data.productCategories">
+        <template v-for="nodes in categories.productCategories">
           <template v-for="category in nodes">
             <div v-if="category.slug !== undefined" :key="category.id">
               <NuxtLink
@@ -34,7 +34,7 @@
 
 <script setup>
 const props = defineProps({
-  data: {
+  categories: {
     type: Object,
     required: true
   }

pages/categories.vue

@@ -1,13 +1,13 @@
 <template>
   <div class="flex justify-center items-center">
-    <CategoryShowAll :data="data" />
+    <CategoryShowAll :categories="categories" />
   </div>
 </template>
 
 <script setup>
 import FETCH_ALL_CATEGORIES_QUERY from "@/apollo/queries/FETCH_ALL_CATEGORIES_QUERY.gql";
 const variables = { limit: 99 };
-const { data } = await useAsyncQuery(FETCH_ALL_CATEGORIES_QUERY, variables);
+const { data: categories } = await useAsyncQuery(FETCH_ALL_CATEGORIES_QUERY, variables);
 
 useHead({
   title: "Categories",