Состояние Vuex очищается до исходного состояния даже при использовании vuex-persistedstate

Question

У меня СПА почти готово к производству. Проверка подлинности выполняется с помощью vuex и токенов с сервера, но каждый раз, когда я перезагружаю страницу, состояние vuex переинициализирует себя, теряя все ранее установленные данные. Я уже использую vuex-persistedstate, я вижу, что состояние записывается в localStorage по ключу 'vuex'. Но он ведет себя точно так же. Каждый раз, когда я перезагружаю страницу, состояние переинициализируется и обновляет ключ в localStorage до исходного состояния. Что я делаю неправильно?? Пожалуйста, помогите !!

store.js

import Vue from 'vue'
import Vuex from 'vuex'
import createPersistedState from 'vuex-persistedstate'

Vue.use(Vuex)

export default new Vuex.Store({
  strict: true,
  state: {
    authData: {
      token: null,
      username: null,
      cargo: null,
      isAuthenticated: false
    }
  },
  mutations: {
    setAuthData (state, payload) {
      state.authData.token = payload.token
      state.authData.username = payload.username
      state.authData.cargo = payload.cargo
      if (payload.token) {
        state.authData.isAuthenticated = true
      } else {
        state.authData.isAuthenticated = false
      }
    }
  },
  actions: {
    setAuthData ({commit}, payload) {
      commit('setAuthData', payload)
    }
  },
  plugins: [
    createPersistedState()
  ]
})