https://github.com/kouts/vue-path-store

A simple state management solution for Vue, that uses the dot notation path syntax.
https://github.com/kouts/vue-path-store

dot dot-notation set state state-management store vue vuex

Last synced: 2 months ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/kouts/vue-path-store
• Owner: kouts
• License: mit
• Created: 2021-05-06T10:59:41.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2022-11-06T21:21:30.000Z (over 2 years ago)
• Last Synced: 2025-03-08T21:03:49.666Z (3 months ago)
• Topics: dot, dot-notation, set, state, state-management, store, vue, vuex
• Language: JavaScript
• Homepage:
• Size: 1.48 MB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# vue-path-store  ![](https://img.badgesize.io/kouts/vue-path-store/main/dist/umd/pathStore.min.js.svg) ![](https://img.badgesize.io/kouts/vue-path-store/main/dist/umd/pathStore.min.js.svg?compression=gzip) ![](coverage/badge.svg)

**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](https://vue-path-store.netlify.app/path-store-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](https://vue-path-store.netlify.app/path-store-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](https://vuejs.org/v2/guide/reactivity.html#Change-Detection-Caveats)

- Extra methods for `Array` manipulation

- Enhance Vuex with dot notation by utilizing the [PathStore Vuex Plugin](https://vue-path-store.netlify.app/path-store-vuex-plugin/)

- Enhance Pinia with dot notation by utilizing the [PathStore Pinia Plugin](https://vue-path-store.netlify.app/path-store-pinia-plugin/)

## Browsers support

| [](http://godban.github.io/browsers-support-badges/)
IE / Edge | [](http://godban.github.io/browsers-support-badges/)
Firefox | [](http://godban.github.io/browsers-support-badges/)
Chrome | [](http://godban.github.io/browsers-support-badges/)
Safari | [](http://godban.github.io/browsers-support-badges/)
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/