fragginwagon/pokemon-inventory
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add normalized public search filters
Quality / test (push) Canceled after 0s
Details

Browse Source 
Add strict public search numeric validation and URL-backed category and price filters to the catalog UI.
This commit is contained in:
fragginwagon
2026-09-09 01:32:32 -04:00
parent 7aa8e9eaf2
commit 67ce29a93e
5 changed files with 49 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/web/src/composables/useCatalogSearch.js
+10 -4
View File
@@ -2,8 +2,11 @@ import { ref, watch } from 'vue';
import { searchCatalog } from '@/services/catalog-service.js';
export function useCatalogSearch({ initialQuery = '', initialPage = 1 } = {}) {
export function useCatalogSearch({ initialQuery = '', initialCategory = '', initialMinPriceMinor, initialMaxPriceMinor, initialPage = 1 } = {}) {
const query = ref(initialQuery);
const category = ref(initialCategory);
const minPriceMinor = ref(initialMinPriceMinor);
const maxPriceMinor = ref(initialMaxPriceMinor);
const page = ref(initialPage);
const result = ref({ items: [], pagination: { page: 1, limit: 20, total: 0, totalPages: 0 } });
const isLoading = ref(false);
@@ -16,7 +19,7 @@ export function useCatalogSearch({ initialQuery = '', initialPage = 1 } = {}) {
error.value = null;
try {
const nextResult = await searchCatalog({ query: query.value, page: page.value });
const nextResult = await searchCatalog({ query: query.value, category: category.value, minPriceMinor: minPriceMinor.value, maxPriceMinor: maxPriceMinor.value, page: page.value });
if (currentRequestId === requestId) result.value = nextResult;
} catch (requestError) {
if (currentRequestId === requestId) error.value = requestError;
@@ -25,7 +28,10 @@ export function useCatalogSearch({ initialQuery = '', initialPage = 1 } = {}) {
}
}
watch(query, load);
watch([query, category, minPriceMinor, maxPriceMinor], () => {
if (page.value !== 1) page.value = 1;
else load();
});
watch(page, load);
function goToPage(nextPage) {
@@ -34,5 +40,5 @@ export function useCatalogSearch({ initialQuery = '', initialPage = 1 } = {}) {
}
}
return { query, page, result, isLoading, error, load, goToPage };
return { query, category, minPriceMinor, maxPriceMinor, page, result, isLoading, error, load, goToPage };
}