I am using Nuxt.js. The following problem occurred with setting up vuex-persist. Could someone help me?

store/index.js

store/LangModule.js

I am using Nuxt.js. The following problem occurred with setting up vuex-persist. Could someone help me?

store/index.js

store/LangModule.js

• javascript
• vue.js
• vuex
• nuxt.js
• persistence

• you cant call window on store file. you have to import it as plugin and call it on cliend side not server side, please read the documentation. already mention there npmjs./package/vuex-persist – Jazuly Commented Sep 29, 2020 at 23:56

1 Answer 1

It's important to know Nuxt works on both server and client sides, so you cannot use window in all places since it only exists on client side.

You can declare this plugin SSR-free to avoid running it on server side.

Following the documentation:

nuxt.config.js

export default {
  plugins: [
    { src: '~/plugins/vuex-persist', ssr: false }
  ]
}

~/plugins/vuex-persist.js

import VuexPersistence from 'vuex-persist'
 
export default ({ store }) => {
  new VuexPersistence({
  /* your options */
  }).plugin(store);
}