Giter VIP home page Giter VIP logo

vuex-persistedstate-migrate's Introduction

TypeScript version Node.js version MIT

Vuex Persistedstate Migrate

Library to migrate vuex state using vuex-persistedstate. See on npm

Install

Run command bellow on your project folder

yarn add vuex-persistedstate-migrate

or

npm install vuex-persistedstate-migrate

Example

import Vuex from 'vuex'
import createPersistedState from 'vuex-persistedstate'
import createMigrate from 'vuex-persistedstate-migrate'

const migrations = [
  {
    version: 1,
    up: state => {
      return {
        ...state,
        myModule: {
          ...state.myModule,
          myProperty: 'migrated value',
        }
      }
    }
  }
]

Vue.use(Vuex)

const store = new Vuex.Store({
  plugins: [createPersistedState({
    getState: createMigrate(migrations, 'migration.version'),
  })],
  modules
})

export default store

Available scripts

  • clean - remove coverage data, Jest cache and transpiled files,
  • build - transpile TypeScript to ES6,
  • build:watch - interactive watch mode to automatically transpile source files,
  • lint - lint source files and tests,
  • style:fix - fix prettier style problems,
  • style:check - check for prettier style,
  • test - run tests,
  • test:watch - interactive watch mode to automatically re-run tests
  • test:debug - run tests debugging

License

Licensed under the MIT. See the LICENSE file for details.

vuex-persistedstate-migrate's People

Contributors

fugisakimatheus avatar mazinsw avatar

Stargazers

 avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

vuex-persistedstate-migrate's Issues

Migration errors fails silently

First, thanks for making this library! It's really easy to use.

One problem we found:
The catch on line 45 should at least log error to console instead of silently stopping migration completely... errors should cache the before-migration state into a special localstorage key location so that rollbacks is possible.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.