How to navigate under the same path removing the query string using a href?

[frederikhors]

I have this code in a Svelte 5 / SvelteKit 2 app:

<script lang="ts">
    import { resolve } from '$app/paths';

    // ...
</script>

{#each categories || [] as category (category.id)}
    <a href={resolve(`/categories/${category.id}`)}>
        {category.name}
    </a>
{/each}

If I add with another component a query string on the url like ?page=2 and then I click the link the query string is not automatically removed, why?

I'm already under /categories.

Example:

• I'm on /categories/black?page=2
• then I click on "Red"
• it goes to /categories/red?page=2
• I expect instead: /categories/red

[phi-bre]

I'm honestly not sure if this case is expected behavior or just a bug, but you can opt out of the svelte navigation if you want by using data-sveltekit-reload on the link:

 <a href={resolve(`/categories/${category.id}`)} data-sveltekit-reload>

But you may lose state passed down from layouts because of the page reload, so maybe this isn't all that useful in your case

[frederikhors]

Thanks. I know about data-sveltekit-reload but as you said is not what I want. I think we need another data-sveltekit-something for this.

[brunnerh]

I would recommend opening an issue. This looks like a bug more than anything else.

[frederikhors]

I opened #14890.