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