diff --git a/components/Category/CategoryShowAll.vue b/components/Category/CategoryShowAll.vue
index 07dc04f3..cd8b7e5b 100644
--- a/components/Category/CategoryShowAll.vue
+++ b/components/Category/CategoryShowAll.vue
@@ -33,8 +33,10 @@
 </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 props = defineProps({
+  data: {
+    type: Object,
+    required: true
+  }
+});
 </script>
diff --git a/pages/categories.vue b/pages/categories.vue
index 51e49420..077a3024 100644
--- a/pages/categories.vue
+++ b/pages/categories.vue
@@ -1,10 +1,14 @@
 <template>
   <div class="flex justify-center items-center">
-    <CategoryShowAll />
+    <CategoryShowAll :data="data" />
   </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);
+
 useHead({
   title: "Categories",
   titleTemplate: "%s - Nuxt 3 Woocommerce",