Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Nuxt] Value is not restored, but available in storage

See original GitHub issue

Create nuxt project and add vuex-presist


import Vue from 'vue';

export const state = () => ({
    preview: {},
    templateR: false

export const mutations = {
    update(state, data) {
        for (let field of Object.keys(data)) {
            Vue.set(state, field, data[field]);
export const getters = {


export default {
  mode: 'universal',
  ** Headers of the page
  head: {
    title: process.env.npm_package_name || '',
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1' },
      { hid: 'description', name: 'description', content: process.env.npm_package_description || '' }
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
  ** Customize the progress-bar color
  loading: { color: '#fff' },
  ** Global CSS
  css: [
  ** Plugins to load before mounting the App
  plugins: [
    { src: '~/plugins/vuex-persist', ssr: false },
  ** Nuxt.js modules
  modules: [
    // Doc:
  ** Build configuration
  build: {
    ** You can extend webpack config here
    extend(config, ctx) {


  "name": "vuetest",
  "version": "1.0.0",
  "description": "My sublime Nuxt.js project",
  "author": "Mateusz",
  "private": true,
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate"
  "dependencies": {
    "bootstrap": "^4.1.3",
    "bootstrap-vue": "^2.0.0-rc.11",
    "nuxt": "^2.0.0",
    "vuex-persist": "^2.0.1"
  "devDependencies": {
    "nodemon": "^1.18.9"

and finally:

  <div class="container">

import Logo from '~/components/Logo.vue'

export default {
  components: {
  mounted: function() {
    // this.$store.commit('update', {preview: 1})

Uncomment this.$store.commit('update', {preview: 1}) only to save value (which works), comment this line and then restart app an, value will not be loaded, why?

Issue Analytics

  • State:open
  • Created 4 years ago
  • Reactions:1
  • Comments:8

github_iconTop GitHub Comments

itsfarseencommented, Jun 24, 2019

I removed window.onNuxtReady in plugins/vuex-persist.js:

export default ({ store }) => {
  new VuexPersistence({
    key: 'key'

Now it appears to work.

nwittwercommented, Mar 4, 2021

This fix seems to work for Nuxt apps with ssr: false (previously called: mode: 'spa').

However it doesn’t seem to work for ssr: true (previously called mode: 'universal'). The window.onNuxtReady seems to be important for SSR apps; not having it leads to errors about the DOM being out of sync.

Docs about the ssr property:

Read more comments on GitHub >

github_iconTop Results From Across the Web

Nuxt.js vuex store not persisted - Stack Overflow
It is totally legit that the Vuex store is "reset" if you F5 the page. What do you mean by "changed the view"...
Read more >
[Nuxt] Value is not restored, but available in storage.
Read more >
Configuration - Nuxt
If you want to use values from your Vue component like computed properties or ... default Webpack configuration, but it is not set...
Read more >
Express session middleware
A session is uninitialized when it is new but not modified. Choosing false is useful for implementing login sessions, reducing server storage usage, ......
Read more >
vuex-persist - npm
If your project has a es6 or es2015 target, you're good, but if for ... Tips for NUXT ... (key[, storage]) => state,...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found