Static GitHub Issues

[3031] Persistedstate LocalStorage not work.

prev: Weird param
next: use async code in beforeRouteEnter hook,it throw some error

Can not figure out and find right solution. Everything not work.

After authentication, i need to save data not only to Store and to localStorage, but also synchronize everything. That after page reload, user will be authed.

nuxt.conf

    plugins: [
        { src: '~/plugins/localStorage', ssr: false }
    ],

localStorage.js

import createPersistedState from 'vuex-persistedstate'

export default ({store}) => {
    createPersistedState({
        storage: {
            getItem: key => localStorage.getItem(key),
            setItem: (key, value) => localStorage.setItem(key, value),
            removeItem: key => localStorage.removeItem(key)
        }
    })
}

example.vue component

    import MyPlugin from '~/plugins/localStorage'

    export default {
        created() {
            console.log(MyPlugin);
            console.log(MyPlugin.local);
            console.log(MyPlugin.setting);
//            console.log(MyPlugin.storage.getItem('token'));
//            console.log(MyPlugin.getItem('token'));

            console.log(this.$store.local);
            console.log(this.$store.setting);
        },

Nothing works `HMR connected form.vue?385a:89 ƒ (_ref) { var store = _ref.store;

Object(__WEBPACK_IMPORTED_MODULE_0_vuex_persistedstate__["a" /* default */])({
    storage: {
        getItem: function getItem(key) {
          …

form.vue?385a:90 undefined form.vue?385a:91 undefined form.vue?385a:95 undefined form.vue?385a:96 undefined`

<!--cmty--><!--cmty_prevent_hook--><div align="right"><sub><em>This question is available on <a href="https://nuxtjs.cmty.io">Nuxt.js</a> community (<a href="https://nuxtjs.cmty.io/nuxt/nuxt.js/issues/c2625">#c2625</a>)</em></sub></div>