From e3855bedee863c916eff8b6d40f2347c98e087e5 Mon Sep 17 00:00:00 2001
From: Mamalizz <mohammad.hosein.ghorbani82@gmail.com>
Date: Tue, 14 Jan 2025 20:48:43 +0330
Subject: [PATCH] added get products composable

---
 frontend/pages/products.vue | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/frontend/pages/products.vue b/frontend/pages/products.vue
index 80985b8..443a4c2 100644
--- a/frontend/pages/products.vue
+++ b/frontend/pages/products.vue
@@ -1,11 +1,28 @@
 <script setup lang="ts">
 // import
 
+import useGetProducts, {
+    type GetProductsFilters,
+} from "~/composables/api/products/useGetProducts";
 import { PRODUCT_RANGE } from "~/constants";
 
 // state
 
-const params = useUrlSearchParams("history");
+const route = useRoute();
+
+const params: GetProductsFilters & { page: number } =
+    useUrlSearchParams("history");
+
+// computed
+
+const page = computed(() => (route.query["page"] ? +route.query["page"] : 1));
+
+// queries
+
+const { data: products, isLoading: productsIsLoading } = useGetProducts(
+    params,
+    page
+);
 
 // life-cycle