Управление Vuex / состояния не работает на Nuxt с историей маршрутизации

Question

У меня есть приложение vue, встроенное в Nuxt, в котором включена маршрутизация / история vue.

Проблема в том, что когда я что-то сохраняю в состояние приложения / Vuex, оно отлично меняется на одной странице, но когда я перехожу на новую страницу, оно очищается и возвращает состояние в значения по умолчанию.

Нужно ли что-то делать, чтобы управление состояниями в vuex работало на разных страницах?

магазин / index.js

import Vuex from "vuex"

const createStore = () => {
  return new Vuex.Store({
    state: {
      count: 10,
      username: "John Smith",
      loggedIn: false
    },
    mutations: {
      loginStatus(state, status) {
        state.loggedIn = status
      },
      setUsername(state, name) {
        state.username = name
      }
    }
  })
}

export default createStore

Код из приложения Vue

 this.$store.commit("loginStatus", true)
 this.$store.commit("setUsername", "Adam")

Answer 1

Я добавил https://www.npmjs.com/package/vuex-persistedstate в проект, и, похоже, это решило проблему, но дайте мне знать, если есть более простой способ.