svelte-qparam

🔎 Type-Safe Query Parameter for SvelteKit

Demo

Installation

``sh
npm i svelte-qparam
`

Bulk Parameters

Use the define function to set multiple parameter definitions at once.

`svelte

`

$3

Values defined with the define function can be used in +page.js and +page.server.js.
This allows you to handle parameters type-safely across applications across servers and clients.

`js
// +page.js
import { define } from 'svelte-qparam'
import { string, number, boolean } from 'svelte-qparam/serde'

export const _extract = define({
str: string,
num: number,
bool: boolean
})

export const load = ({ url, data }) => {
const { values, qparams } = _extract(url)

// ...

return {
qparams
}
}
`

`js
// +page.server.js
import { _extract } from './+page.js'

export const load = ({ url }) => {
const { values } = _extract(url)

// ...

return {
// Note: Cannot return qparams from server
// ...
}
}
`

`svelte


``

License

MIT