Не работает vue-persistedstate Vue SSR

Делаю проект на vue + ssr. Использую этот шаблон.

Этап-1

При выборе пункта из списка отправляю action, в ктороый передаю id выбранного элемента из списка. Далее вызываю mutation и записываю этот id в переменную selectedId.

Этап-2

При загрузке страницы вызываю getter метод на получение ранее выбранного id. Метод возваращает null который я указывал при инициализации state :

const state = {
    data: {
        selectedId: null,
    }
}

Думаю проблема в том, что vuex-persistedstate не работает. Не сохраняет данные при перезагрузке страницы В интернете нашел такой вариант реализации:

store.js

import Vue from 'vue'
import Vuex from 'vuex'

import CreatePersistedState from './storage'

import zoneModule from './modules/zone'
import basketModule from './modules/basket'
import userModule from './modules/user'

const plugins = []

if (process.browser) {
  plugins.push(CreatePersistedState)
}

Vue.use(Vuex)

export function createStore () {
    return new Vuex.Store({
        modules: {
            zone: zoneModule,
            basket: basketModule,
            user: userModule
        },
        plugins: plugins
    })
}

export default createStore

storage.js

import CreatePersistedState from 'vuex-persistedstate'

let PersistedState

if (process.browser) {
  PersistedState = CreatePersistedState()
}

export default PersistedState

Но он, мне не помог.

createStore использую в app.js

app.js

import Vue from 'vue'
import App from './App.vue'
import { createStore } from './store'
import { createRouter } from './router'
import { sync } from 'vuex-router-sync'
import titleMixin from './util/title'
import * as filters from './util/filters'

Vue.mixin(titleMixin)

Object.keys(filters).forEach(key => {
  Vue.filter(key, filters[key])
})

export function createApp () {
  const store = createStore()
  const router = createRouter()
  sync(store, router)
  const app = new Vue({
    router,
    store,
    vuetify,
    render: h => h(App)
  })
  return { app, router, store, vuetify }
}