vue-url-state

Type-safe URL query state management for Vue and Nuxt.

npm install @goranton/vue-url-state

import {
  defineQuerySchema,
  numberParam,
  stringParam,
} from '@goranton/vue-url-state';

const usersQuerySchema = defineQuerySchema({
  search: stringParam(),
  page: numberParam({ defaultValue: 1 }),
});

import { useQueryState } from '@goranton/vue-url-state';

const query = useQueryState(usersQuerySchema);
await query.patch({ search: 'anton', page: 1 });

Guide

• Getting Started
• Schema and Params
• useQueryState
• useQueryField
• useDebouncedQueryField
• useQueryBuffer
• Pure Helpers