From cb7036ea7d26fce7f9098c1d8326cc49fe564c0c Mon Sep 17 00:00:00 2001
From: Roene <roene@justbetter.nl>
Date: Tue, 7 Apr 2026 14:19:55 +0200
Subject: [PATCH 1/4] Change button tags to anchor tags

---
 .../listing/partials/pagination.blade.php     | 26 +++++++++----------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/resources/views/listing/partials/pagination.blade.php b/resources/views/listing/partials/pagination.blade.php
index 3d31af5b7..af56ae5b4 100644
--- a/resources/views/listing/partials/pagination.blade.php
+++ b/resources/views/listing/partials/pagination.blade.php
@@ -2,55 +2,55 @@
     <template v-slot="{ currentRefinement, nbPages, pages, isFirstPage, isLastPage, refine, createURL }">
         <ul v-show="nbPages > 1" class="flex flex-wrap w-full pb-0.5 mt-5 gap-1 sm:gap-2 justify-center" data-testid="pagination">
             <li v-if="!isFirstPage">
-                <button
-                    href="createURL(currentRefinement - 1)"
+                <a
+                    v-bind:href="createURL(currentRefinement - 1)"
                     v-on:click.exact.left.prevent="refine(currentRefinement - 1)"
                     aria-label="@lang('Previous Page')"
                     class="flex justify-center items-center rounded-sm border hover:border-emphasis max-sm:size-9 sm:pl-2 sm:pr-3 sm:h-full"
                 >
                     <x-heroicon-o-chevron-left class="shrink-0 stroke-2 size-4" />
                     <span class="max-sm:hidden">@lang('Prev')</span>
-                </button>
+                </a>
             </li>
             <li v-if="!isFirstPage && currentRefinement !== 1 && nbPages !== 3">
-                <button
-                    href="createURL(0)"
+                <a
+                    v-bind:href="createURL(0)"
                     v-on:click.exact.left.prevent="refine(0)"
                     aria-label="@lang('First Page')"
                     class="flex justify-center items-center size-9 rounded-sm border hover:border-emphasis sm:size-10"
                 >
                     1
-                </button>
+                </a>
             </li>
             <li v-if="!isFirstPage && currentRefinement !== 1 && currentRefinement !== 2" class="flex items-center text-muted max-sm:text-xs">
                 ...
             </li>
             <li v-for="page in pages" :key="page">
-                <button
+                <a
                     v-bind:href="createURL(page)"
                     v-bind:class="{ 'ring-1 bg-primary/10 ring-primary border-primary font-semibold hover:border-primary': page === currentRefinement }"
                     v-on:click.exact.left.prevent="refine(page)"
                     v-bind:aria-label="`{{ __('Page') }} ${page + 1}`"
-                    class="size-9 sm:size-10 rounded-sm border hover:border-emphasis"
+                    class="flex items-center justify-center size-9 sm:size-10 rounded-sm border hover:border-emphasis"
                 >
                     @{{ page + 1 }}
-                </button>
+                </a>
             </li>
             <li v-if="!isLastPage && currentRefinement !== nbPages - 2 && currentRefinement !== nbPages - 3" class="flex items-center text-muted max-sm:text-xs">
                 ...
             </li>
             <li v-if="!isLastPage && currentRefinement !== nbPages - 2 && nbPages !== 3">
-                <button
+                <a
                     v-bind:href="createURL(nbPages)"
                     v-on:click.exact.left.prevent="refine(nbPages)"
                     aria-label="@lang('Last Page')"
                     class="flex justify-center items-center size-9 sm:size-10 rounded-sm border hover:border-emphasis"
                 >
                     @{{ nbPages }}
-                </button>
+                </a>
             </li>
             <li v-if="!isLastPage">
-                <button
+                <a
                     v-bind:href="createURL(currentRefinement + 1)"
                     v-on:click.exact.left.prevent="refine(currentRefinement + 1)"
                     aria-label="@lang('Next Page')"
@@ -58,7 +58,7 @@ class="flex justify-center items-center rounded-sm border hover:border-emphasis
                 >
                     <span class="max-sm:hidden">@lang('Next')</span>
                     <x-heroicon-o-chevron-right class="shrink-0 stroke-2 size-4 mt-0.5" />
-                </button>
+                </a>
             </li>
         </ul>
     </template>

From 25f277b302f1d15abfbbac05bd5d98d1e6a03a41 Mon Sep 17 00:00:00 2001
From: Roene <roene@justbetter.nl>
Date: Thu, 9 Apr 2026 15:06:42 +0200
Subject: [PATCH 2/4] Fix last page button

---
 resources/views/listing/partials/pagination.blade.php | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/views/listing/partials/pagination.blade.php b/resources/views/listing/partials/pagination.blade.php
index af56ae5b4..5ec782e01 100644
--- a/resources/views/listing/partials/pagination.blade.php
+++ b/resources/views/listing/partials/pagination.blade.php
@@ -41,8 +41,8 @@ class="flex items-center justify-center size-9 sm:size-10 rounded-sm border hove
             </li>
             <li v-if="!isLastPage && currentRefinement !== nbPages - 2 && nbPages !== 3">
                 <a
-                    v-bind:href="createURL(nbPages)"
-                    v-on:click.exact.left.prevent="refine(nbPages)"
+                    v-bind:href="createURL(nbPages - 1)"
+                    v-on:click.exact.left.prevent="refine(nbPages - 1)"
                     aria-label="@lang('Last Page')"
                     class="flex justify-center items-center size-9 sm:size-10 rounded-sm border hover:border-emphasis"
                 >

From 58b5b39fe004ddc579c569a427e1b811c7fc1836 Mon Sep 17 00:00:00 2001
From: Roene <roene@justbetter.nl>
Date: Thu, 9 Apr 2026 15:46:03 +0200
Subject: [PATCH 3/4] Change test because button is changed

---
 tests/playwright/category.spec.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tests/playwright/category.spec.js b/tests/playwright/category.spec.js
index fdb6ca261..64d0ad0c2 100644
--- a/tests/playwright/category.spec.js
+++ b/tests/playwright/category.spec.js
@@ -15,7 +15,7 @@ test('category pagination', BasePage.tags, async ({ page }) => {
     await page.goto(process.env.CATEGORY_URL_SIMPLE)
     await expect(page.getByTestId('listing-item')).toHaveCount(12)
     const firstProductPage1 = await page.getByTestId('listing-item').first().textContent()
-    await page.getByTestId('pagination').getByRole('button', { name: '2' }).click()
+    await page.getByTestId('pagination').getByText('2').click()
     await page.waitForLoadState('networkidle')
     const firstProductPage2 = await page.getByTestId('listing-item').first().textContent()
     expect(firstProductPage1).not.toBe(firstProductPage2)

From db02056953659ebfda5a9d286ff5a6165502a6f4 Mon Sep 17 00:00:00 2001
From: Roene Verbeek <85165259+Roene-JustBetter@users.noreply.github.com>
Date: Mon, 13 Apr 2026 10:32:00 +0200
Subject: [PATCH 4/4] Update tests/playwright/category.spec.js

Co-authored-by: indykoning <15870933+indykoning@users.noreply.github.com>
---
 tests/playwright/category.spec.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tests/playwright/category.spec.js b/tests/playwright/category.spec.js
index 64d0ad0c2..a87eb193b 100644
--- a/tests/playwright/category.spec.js
+++ b/tests/playwright/category.spec.js
@@ -15,7 +15,7 @@ test('category pagination', BasePage.tags, async ({ page }) => {
     await page.goto(process.env.CATEGORY_URL_SIMPLE)
     await expect(page.getByTestId('listing-item')).toHaveCount(12)
     const firstProductPage1 = await page.getByTestId('listing-item').first().textContent()
-    await page.getByTestId('pagination').getByText('2').click()
+    await page.getByTestId('pagination').getByRole('link', { name: '2' }).click()
     await page.waitForLoadState('networkidle')
     const firstProductPage2 = await page.getByTestId('listing-item').first().textContent()
     expect(firstProductPage1).not.toBe(firstProductPage2)