Unable to access data from Vuex after rehydration in Nuxt.js

[vishytk]

Setup:

nuxt 2.15.7:
vuex-persistedstate 4.1.0:
node 16.13.1:
yarn 1.22.15:

plugins/persistedstate.js

import VuexPersistence from 'vuex-persist'

export default ({ store }) => {
  new VuexPersistence({
    key: 'applocal',
    storage: window.localStorage,
    restoreState: (key, storage) => JSON.parse(storage.getItem(key)),
  }).plugin(store)
}

When I reload the page data is restored from localStore to Vuex. But I am unable to access the data from the page. I have tried accessing the data from Nuxt lifehooks.

I have tried this both in ssr and spa modes and the result is the same.

[vishytk]

Anyone ? please help.

[championswimmer]

Possible to share a small repro repository ?

[vishytk]

Thanks for the response.

Due to solution architecture, it would be difficult to share functioning code.

I could provide remote access using teamviewer or anydesk if its okay.

[vishytk]

BTW, I have found that the page component pages/{role}/index.vue is not loaded at at when the page is refreshed.

Vuex state after page refresh:

Components status after page refresh: