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 | Firefox | Chrome | Safari | 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/