diff --git a/frontend/components/products/FilterProducts.vue b/frontend/components/products/FilterProducts.vue index a3eee9d..dde86c9 100644 --- a/frontend/components/products/FilterProducts.vue +++ b/frontend/components/products/FilterProducts.vue @@ -24,7 +24,7 @@ const currentCategory = computed({ router.push({ name: "products-slug", params: { slug: ["category", newValue] }, - query: { ...route.query }, + query: { ...route.query, page: "1" }, }); }, }); diff --git a/frontend/composables/api/products/useGetProducts.ts b/frontend/composables/api/products/useGetProducts.ts index e53193b..79b2a81 100644 --- a/frontend/composables/api/products/useGetProducts.ts +++ b/frontend/composables/api/products/useGetProducts.ts @@ -34,7 +34,6 @@ const useGetProducts = () => { sort, in_stock, has_discount, - slug, price_gte, price_lte, }; @@ -45,24 +44,11 @@ const useGetProducts = () => { watch( () => filters_clone.value, () => { - queryClient.cancelQueries({ - queryKey: [ - QUERY_KEYS.products, - searchDebounced, - sort, - in_stock, - has_discount, - products_category, - price_gte, - price_lte, - page, - ], - }); page.value = 1; }, { deep: true, - } + }, ); // methods diff --git a/frontend/composables/global/useAppParams.ts b/frontend/composables/global/useAppParams.ts index 227d786..66131ff 100644 --- a/frontend/composables/global/useAppParams.ts +++ b/frontend/composables/global/useAppParams.ts @@ -15,13 +15,12 @@ export const useAppParams = () => { mode: "replace", }); - const page = useRouteQuery("page", 1, { + const page = useRouteQuery("page", "1", { mode: "push", - transform: (value) => (!!value ? +value : undefined), - }); - - const category = useRouteQuery("category", "", { - mode: "replace", + transform: { + get: (v) => Number(v), + set: (v: number) => String(v), + }, }); const status = useRouteQuery("status", undefined, { @@ -68,7 +67,6 @@ export const useAppParams = () => { sort, search, page, - category, price_gte, price_lte, in_stock, diff --git a/frontend/pages/products/[...slug].vue b/frontend/pages/products/[...slug].vue index 533eec1..a235c03 100644 --- a/frontend/pages/products/[...slug].vue +++ b/frontend/pages/products/[...slug].vue @@ -1,4 +1,10 @@