Skip to content

A simple state management solution for Vue, that uses the dot notation path syntax.

License

Notifications You must be signed in to change notification settings

kouts/vue-path-store

Repository files navigation

vue-path-store

PathStore is a simple, lightweight, shared state management solution for Vue.
At its heart lays a simple reactive store, which uses the dot notation path syntax for data mutation.

It also comes with:

  • a Vuex plugin so that you can use dot notation along with the full power of Vuex (actions, getters, modules, devtools) as well.

  • a Pinia plugin so that you can use dot notation with your favorite fruity store.

Features

  • Lightweight, minified gzip size is < 1.5kb
  • Share state easily between components using either the object or composition API
  • Use dot (or bracket) notation for mutating state (set, delete)
  • Creates intermediate reactive object/array structures if not available while setting state
  • Avoid Vue change detection caveats
  • Extra methods for Array manipulation
  • Enhance Vuex with dot notation by utilizing the PathStore Vuex Plugin
  • Enhance Pinia with dot notation by utilizing the PathStore Pinia Plugin

Browsers support

IE / Edge
IE / Edge
Firefox
Firefox
Chrome
Chrome
Safari
Safari
Opera
Opera
IE11, Edge last 2 versions last 2 versions last 2 versions last 2 versions

Click here for documentation and examples
https://vue-path-store.netlify.app/