-import { defineQueryParamParser } from 'vue-router/experimental'
+import { defineParamParser } from 'vue-router/experimental'
-export const parser = defineQueryParamParser<boolean>({
+export const parser = defineParamParser<boolean>({
get: value => value === 'true' || value === '1',
set: value => (value ? '1' : '0'),
})
-import { definePathParamParser, miss } from 'vue-router/experimental'
+import { defineParamParser, miss } from 'vue-router/experimental'
export type Color = 'red' | 'green' | 'blue'
const COLORS: readonly string[] = ['red', 'green', 'blue']
-export const parser = definePathParamParser<Color>({
+export const parser = defineParamParser<Color>({
get: value =>
typeof value === 'string' && COLORS.includes(value)
? (value as Color)
-import { definePathParamParser, miss } from 'vue-router/experimental'
+import { defineParamParser, miss } from 'vue-router/experimental'
import { parse, type SemVer, Range, validRange } from 'semver'
-export const parser = definePathParamParser({
+export const parser = defineParamParser({
get: (value: string): SemVer | Range => {
return (
parse(value, false, false) ||