Nested keys? about vuex-persistedstate

[robinvdvleuten]

@robcresswell no problemo! It's better to solve issues by questioning than by solving with code ;)

[robinvdvleuten]

@robcresswell could you explain your issue somewhat more detailed? Otherwise I can't help you.

[robcresswell]

I'm not sure how much more detail I can give. The question remains as above: is that nested key representation in localStorage expected, or is that a side effect of the library?

[robinvdvleuten]

@robcresswell I am afraid I cannot help you if you do not give an example on how you've configured the plugin

[robcresswell]

Ah I see! Sorry, I couldn't tell what you were asking for from your initial comment. Like so:

...
import Settings from "./settings"
import persistedState from "vuex-persistedstate"

export default new Vuex.Store({
    modules: {
        settings: Settings,
        ...
    },
    plugins: [
        persistedState()
    ],
    strict: process.env.NODE_ENV !== "production"
})

The ... is where I've removed irrelevant things (like other imports) for brevity.

[robinvdvleuten]

Thanks, looks like a normal setup of the plugin. How does the initial state of your settings module looks?

[robcresswell]

export default {
    state: {
        settings: {
            foo: "bar"
        }
    }
}

As I'm looking at this, I've realised that my module imports i.e. settings: Settings, combined with the key settings in the modules state, is probably what is causing the double nesting.

[robcresswell]

Yep, that was indeed the issue, my poor refactoring when using modules. Sorry for the trouble and thanks again for the library :)