How to persist the root state?

I’m using modules but I also have some root state, so the object I pass to Vuex.Store looks like this:

{
  actions: {}
  getters: {}
  modules: {user: {…}, course: {…}, courses: {…}}
  mutations: {setNavFixed: ƒ, setTheme: ƒ}
  plugins: (2) [ƒ, ƒ]
  state: {…}
__proto__: Object
}

I want to persist the user module (which works fine) AND the root state.

The docs don’t mention how to do the latter.

Thanks!

[jpcaparas]

Sorry, late to the party, but to whoever is visiting this thread now, you can persist the root state by pushing a value of '/' to the modules array, e.g.

 plugins: [new VuexPersistence({
        modules: ['/'], 
    }).plugin],

[sustained]

Thanks!