svelte-search-parameters - npm

Tiny dependency free reactive search parameters for svelte 5.

Example

<script lang="ts">
  import { searchParams } from 'svelte-search-params'
  import * as v from 'valibot'

  const schema = v.object({
    order: v.fallback(v.string(), "alphabetic"),
    page: v.fallback(v.number(), 1),
    optionalRegionFilter: v.nullable(v.string())
  })

  const params = searchParams(schema)

  // To change the url search parameters simply reassign
  params.page = 2 // this won't push history
</script>

Support

Currently only supports valibot as validation library.