Vuex-persist localstorage sync

store.ts

import Vuex, {Payload, Store} from 'vuex'
import VuexPersistence from 'vuex-persist'

const vuexLocal = new VuexPersistence<State, Payload> ({
  strictMode: true,
  storage: window.localStorage,
  filter: mutation => mutation.type !== 'RELOAD_MUTATION' 
})

const store = new Vuex.Store<State>({
  strict: true,
  mutations: {
    RESTORE_MUTATION: vuexLocal.RESTORE_MUTATION,
    RELOAD_MUTATION: (state, payload) => {
      state = payload
      //vuexLocal.RESTORE_MUTATION(state, payload) //Use vuex-persist mutation (working but throws error)
    }
  }, 
  modules: {
    ...
  },
  plugins: [vuexLocal.plugin]
})
  
export default store

//Sync internal state
window.addEventListener('storage', event => {
  if (event.newValue === null) return;
  if (event.key !== 'vuex') return;
  if (event.oldValue === event.newValue) return;

  const newState = JSON.parse(event.newValue)
  //console.log(newState)
  store.commit('RELOAD_MUTATION', newState)
})