diff --git a/packages/ripple-tide-search/components/TideSearchPage.vue b/packages/ripple-tide-search/components/TideSearchPage.vue index ca24703a91..cb000b5216 100644 --- a/packages/ripple-tide-search/components/TideSearchPage.vue +++ b/packages/ripple-tide-search/components/TideSearchPage.vue @@ -88,50 +88,6 @@ const { const filtersExpanded = ref(false) -const prevLink = computed(() => { - if (searchState.value.current <= 1) { - return null - } - - const searchParams = new URLSearchParams({ - ...route.query, - current: `n_${searchState.value.current - 1}_n` - }) - - return { - url: `${route.path}?${searchParams.toString()}`, - description: `${searchState.value.current - 1} of ${ - searchState.value.totalPages - }` - } -}) - -const nextLink = computed(() => { - if (searchState.value.current === searchState.value.totalPages) { - return null - } - - const searchParams = new URLSearchParams({ - ...route.query, - current: `n_${searchState.value.current + 1}_n` - }) - - return { - url: `${route.path}?${searchParams.toString()}`, - description: `${searchState.value.current + 1} of ${ - searchState.value.totalPages - }` - } -}) - -const handlePrevClick = () => { - goToPage(searchState.value.current - 1) -} - -const handleNextClick = () => { - goToPage(searchState.value.current + 1) -} - const handleFilterSubmit = () => { doSearch() } @@ -156,6 +112,14 @@ const getFilterOptions = (field) => { value: item })) } + +const totalPages = computed(() => { + return searchState.value.resultsPerPage + ? Math.ceil( + searchState.value.totalResults / searchState.value.resultsPerPage + ) + : 0 +})