Show products

Author: w3bdesign

pages/index.vue

@@ -1,5 +1,15 @@
 <template>
   <div>
     <IndexHero />
+    <div v-if="data.products">
+      <ProductsShowAll :products="data.products.nodes" />
+    </div>
   </div>
 </template>
+
+<script setup>
+import FETCH_ALL_PRODUCTS_QUERY from "@/apollo/queries/FETCH_ALL_PRODUCTS_QUERY.gql";
+
+const variables = { limit: 5 };
+const { data } = await useAsyncQuery(FETCH_ALL_PRODUCTS_QUERY, variables);
+</script>