usewagen

Reactive state for URL and storage in Vue.
1,098 1
vue vue-router composables type-safe localstorage sessionstorage storage query-params search-params url-state
Install
npm install usewagen
Latest Version:0.3.1
Vue:3
License:MIT
Last Updated:Sep 19, 2026
Links: GitHub  ·  npm
Maintainer: tinas

usewagen

Reactive state for URL and storage in Vue. Type-safe, with the source always in charge.

Documentation lives at usewagen.dev.

Install

pnpm add usewagen

vue is a peer dependency. vue-router is only needed if you use the router composables.

Usage

import { parseAsInteger } from 'usewagen'
import { useRouteState } from 'usewagen/router'
import { useLocalStorage } from 'usewagen/storage'

const page = useRouteState({ key: 'page', parser: parseAsInteger.withDefault(1) })
const theme = useLocalStorage({ key: 'theme' })

page is a Ref<number> over ?page= and theme a Ref<string | null> over the theme entry in localStorage.

License

MIT

Related Packages

vue-web-storage

Vue.js plugin for localStorage and sessionStorage

74,878 83
localstorage sessionstorage storage vue
vue-storage-decorator

Give a Persist decorator to persist vue object properties to some storage

1,334 1
localstorage sessionstorage storage vue decorator
vue2-storage

Browser storage for JavaScript or Vue.js app

60,790 109
localstorage sessionstorage storage vue memorystorage plugin vuejs
the-storages

Enhanced, support data binding localStorage and sessionStorage. It allows two-wa...

6,734 4
localstorage sessionstorage storage vue async data-binding event listener vue3
@composy/storage-vue

LDesign 存储管理 - Vue 3 适配器

0
localstorage sessionstorage storage vue composable indexeddb ldesign typescript vue3

Version History

Version Released Vue License
0.3.1 ^3.5.0 || ^4.0.0 MIT
0.3.0 ^3.5.0 || ^4.0.0 MIT
0.2.0 ^3.5.0 || ^4.0.0 MIT
0.1.0 ^3.5.0 || ^4.0.0 MIT
0.0.0 MIT