š Type-Safe Query Parameter for SvelteKit
npm install svelte-qparamš Type-Safe Query Parameter for SvelteKit
``sh`
npm i svelte-qparam
Use the define function to set multiple parameter definitions at once.
`svelte`
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``