Warning: [vuex] state field "route" was overridden by a module with the same name at "route" about vuex-router-sync HOT 3 OPEN

Is vuex-router-sync going to support vue3? I believe this issue is related to that, but I might be wrong.

from vuex-router-sync.

Is vuex-router-sync going to support vue3? I believe this issue is related to that, but I might be wrong.

FYI: I'm having this issue on vue2
edit: Seem to trigger (or can trigger) during 'time travel', so for me I can ignore the issue, but I rather would not see that warning ofc

from vuex-router-sync.

@Unkrass what you can do...

When you invoke the vuex-persistedstate plugin...

e.g:

import Vue from "vue";
import Vuex from "vuex";
import createPersistedState from "vuex-persistedstate";

Vue.use(Vuex);

export default new Vuex.Store({
  plugins: [
    createPersistedState({
      // This omits the plugins/vue-router-sync state.route from persisting
      paths: ["foo", "bar", "zee"],
    }),
  ],
  state: {
    foo: {},
    bar: {},
    zee: {}
  }
});

The above is a simple contrived example... But what is important is passing to the createPersistedState options the paths and explicitly only setting the paths that are in the vuex state. When you do this the vuex-persistedstate plugin won't persist the automatically added state.route that vuex-router-sync injects.

This will make the warning not appear.

Hope this helps.

from vuex-router-sync.