diff --git a/components/Category/CategoryShowAll.vue b/components/Category/CategoryShowAll.vue
index cd8b7e5b..456806a7 100644
--- a/components/Category/CategoryShowAll.vue
+++ b/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
   }
diff --git a/pages/categories.vue b/pages/categories.vue
index 077a3024..6c3035b3 100644
--- a/pages/categories.vue
+++ b/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",