⛓ Vuex State Storage Sync

Overview

logo

Vuex State and Storage(local, session) Synchronization module

NPM Version Package License Release Version NPM Downloads


🕹 Guide

Install

$ npm install --save vuex-state-storage-sync

Usage

import Vue from 'vue';
import Vuex from 'vuex';
import syncStateStorage from 'vuex-state-storage-sync';

Vue.use(Vuex);

export default new Vuex.Store({
  state: {
    // ...
  },
  getters: {
    // ...
  },
  mutations: {
    // ...
  },
  actions: {
    // ...
  },
  modules: {
    // ...
  }
  plugins: [
    syncStateStorage({
      storage: window.localStorage || window.sessionStorage, // Storage Types
      key: '',  // Storage Key Name
      path: [''] // State data to be synchronized to storage
    })
  ]
});

📬 Recommended Commit Message

When Commit Message
Add function feat: ⚡️ Add function
Fix bug fix: 🐞 Fix bug
Refactoring refactor: 🛠 Refactoring
Add package package: 📦 Add package
Fix readme docs: 📚 Fix readme
Improvements style style: 👁 Improvements style

💳 License

MIT

You might also like...
Lightweight vuex inspired centralized state management library for all kinds of javascript applications. Great for React Native.

Verx Lightweight vuex inspired centralized state management library for all kinds of javascript applications. install npm install --save verx # yarn a

🏖 A concise & flexible state model for Redux/MobX/Vuex, etc.

USM USM is a universal state modular library, supports Redux(4.x), MobX(6.x), Vuex(4.x) and Angular(2.0+). Support Libraries/Frameworks None Redux Mob

Helper functions to ease working with Vuex, Centralized State Management for Vue.js.

vuex-helpers Helper functions to ease working with Vuex, Centralized State Management for Vue.js. Development The following examples use docker and do

Keep your vuex state between page reloads.

vuex-persisted-states Keep your vuex states between page reloads. 在页面重新加载之间保持您的 vuex 状态 原理: 借助缓存机制来存储 vuex 状态 安装(Install) npm install vuex-persisted-s

Type safe state management inspired by Vuex

Sinai Type safe state management inspired by Vuex. This library includes many type level hacks. Use at your own risk and do not use if you are unsure

Yet Another simple stash storage for Vue
Yet Another simple stash storage for Vue

vue-ya-stash Yet Another simple stash storage for Vue TL;DR npm install vue-ya-stash export default { stash: ['user', 'ui'], mounted () { cons

A manage easy session storage plugin for VueJS

Install npm install vue-easysession --save To install the plugin, do the following: import VueEasySession from 'vue-easysession' Vue.use(VueEasySessio

vuex-module-generator - It allows you to create a vuex module easily.

Vuex Module Generator (VMG) VMG allows you to create a vuex module easily. See All implementations. See Customer Example. Supported module types Clone

The Vuex plugin to enable Object-Relational Mapping access to the Vuex Store.
The Vuex plugin to enable Object-Relational Mapping access to the Vuex Store.

Vuex ORM 🔥 HEADS UP! Currently, Vuex ORM Next project is on going, and we are hoping it is going to be the foundation of the version 1.0.0 release. W

Releases(v1.0.0)
Owner
아구몬
👨🏻‍💻 ᴅᴇᴠᴇʟᴏᴘᴇʀ
아구몬
📦 Fast, Simple, and Lightweight State Manager for Vue 3.0 built with composition API, inspired by Vuex.

v-bucket NPM STATUS: ?? Fast, Simple, and Lightweight State Management for Vue 3.0 built with composition API, inspired by Vuex. Table of Contents Mai

mehdi 42 Aug 10, 2022
💾 Persist and rehydrate your Vuex state between page reloads.

vuex-persistedstate Persist and rehydrate your Vuex state between page reloads. Install npm install --save vuex-persistedstate The UMD build is also a

Robin van der Vleuten 5.8k Jan 5, 2023
Vuex state synchronization between iframe/window

vuex-iframe-sync English | 中文 Vuex state synchronization between iframe/window Your star is the greatest encouragement to me. ✨ Features: support ifra

Jiahui.Liang 101 Dec 17, 2022
💾🔗🖥️ Share, synchronize and persist state between multiple tabs with this plugin for Vuex. TypeScript types included.

vuex-multi-tab-state This Vuex plugin allows you to sync and share the status of your Vue application across multiple tabs or windows using the local

Gabriel Martín Blázquez 155 Nov 19, 2022
Vuex state persistance and synchronization between tabs/windows.

vuex-basement Vuex state persistance and synchronization between tabs/windows. Tested to work with Vue2. One Shortcomming (please read before use). Th

Rashad Saleh 65 Jun 29, 2022
Local state management within Vuex

vuex-local Local state management within Vuex Why? Global state management is one of the problems on huge application development. Developers address

Katashin 64 Nov 11, 2022
Simplify vuex loading state management

vuex-loading Simplify vuex loading state management Installing Using npm: $ npm install vuex-loadings -s Know Simplify vuex loading state management n

zhoulin 3 Jul 30, 2020
A vue boiler plate with state management, vuex, vue-router that can be backed by a laravel restful api using jwt auth

Laravel 6 (LTS) Vue.js Frontend Boilerplate A Vue.js Frontend starter project kit template/boilerplate with Laravel 6 Backend API support. Features Re

MUWONGE HASSAN 2 Oct 12, 2021
Simple counter with Vue.js and Vuex as state management

vuex-counter Project setup npm install Compiles and hot-reloads for development npm run serve Compiles and minifies for production npm run build Li

Kevin Hamdajani 0 Dec 30, 2021
A project to demonstrate the use of Store and state, getters, mutations in Vuex and VueJS

Vuex State Sample ?? ?? A project to demonstrate the use of Store and state, getters, mutations in Vuex and VueJS. Create Vuex Store and use it to hol

Yufenyuy Veyeh Didier 0 Apr 13, 2020