Breaking News: Grepper is joining You.com. Read the official announcement!

how presist state in nuxt.js

shafeeque answered on December 16, 2021 Popularity 2/10 Helpfulness 1/10

answer how presist state in nuxt.js

how presist state in nuxt.js

Comment

You can choose any one of the below library

1 .vuex-persistedstate

2 .vuex-persist

vuex-persistedstate usage

https://www.npmjs.com/package/vuex-persistedstate

plugins/persistedstate.js

import createPersistedState from 'vuex-persistedstate'
import * as Cookies from 'js-cookie'
import cookie from 'cookie'

export default ({store, req, isDev}) => {
  createPersistedState({
      key: 'your_key',
      paths: ['state1', 'state2',...so_on],
      storage: {
        getItem: (key) => process.client ? Cookies.getJSON(key) : cookie.parse(req.headers.cookie||'')[key],
        setItem: (key, value) => Cookies.set(key, value, { expires: 365, secure: !isDev }),
        removeItem: (key) => Cookies.remove(key)
      }
  })(store)
}

Popularity 2/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: javascript nuxt.js state

Link to this answer
Share Copy Link