From bcc85b97d9ed8db7ffd279bdd44bc7d3b94bf143 Mon Sep 17 00:00:00 2001
From: w3bdesign <45217974+w3bdesign@users.noreply.github.com>
Date: Mon, 30 Jun 2025 21:28:40 +0200
Subject: [PATCH] Categories as props

---
 components/Category/CategoryShowAll.vue | 10 ++++++----
 pages/categories.vue                    |  6 +++++-
 2 files changed, 11 insertions(+), 5 deletions(-)

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",