Remove empty query string.

[sideshot]

Describe the bug

How do I get an empty query string off the URL?

Reproduction

Add with data then try to remove.

Logs

No response

[paoloricciuti]

You can set the empty string as default value and use showDefaults: false

[sideshot]

Strange, that is what I'm doing. I saw that suggestion in another issue. Once I select and then deselect, it still ends up with ?filter_category=

	const selected = queryParam(`filter_${section.id}`,ssp.string(''),{
		showDefaults: false
	});

<input
	id={`filter-${section.id}-${optionIdx}`}
	value="{option.value}"
	type="checkbox"
	bind:group={$selected}
	class="h-4 w-4 rounded border-gray-300 text-blue-600 focus:ring-blue-500"
/>

Any thoughts? Awesome script, by the way.

[paoloricciuti]

I don't think you can use a string to bind to a checkbox group...if you prepare a reproduction I can try to take a look

[herronelou]

It seems similar to issue #72, at first the defaults don't show in the URL, but upon setting them and reverting them, they stay in the URL.

<script lang="ts">

    import { queryParam, queryParameters, ssp } from 'sveltekit-search-params';

    const test = queryParam('search', ssp.string(''), { debounceHistory: 500, showDefaults: false});

</script>

<input type="text" bind:value={$test}>

Before:

After typing something:

After deleting it: