Awesome

vue-path-store <a href="https://npm.im/vue-path-store"><img src="https://badgen.net/npm/v/vue-path-store"></a>

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

<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" /><br/>IE / Edge	<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" /><br/>Firefox	<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" /><br/>Chrome	<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" /><br/>Safari	<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/opera/opera_48x48.png" alt="Opera" width="24px" height="24px" /><br/>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/