current miss match the hightlight after reload the page

[Arstman]

hi, thanks for the good component, it works very great, however i found a tiny issue,

when i use together with svelte-spa-router, say i have a page like "sample.com/#/page/1", which i set current equal to the page num initially,

let current = params.page 

async function changePage(evt) {
        current = evt.detail;

        await getPageItems(current );
    }

it works fine, but when i refresh the page, the current not change, same as page num, the hightlight should stay same, but no matter what page num and current is, after reload the page the hightligh back to 1.

is there anything i do wrong here?

[haynajjar]

Since the page param from the url is a string, i think you need to convert it into an integer using parseInt :

<Pagination ... current={parseInt(pageParam)} />

[Makohan]

If response data has page, you'll can get it.

let response;
$: current = response.page;

async function changePage(evt) {
  response = await getPageItems(evt.detail);
}