Additional quotes around strings

[joshmakar]

Describe the bug
It seems like when a string value is stored, it's being stored with additional quotes around the string.

To Reproduce
Steps to reproduce the behavior:

1. Create the computed variable:

computed: {
    applicationTheme: preference('applicationTheme', { defaultValue: 'default' }),
}

2. Set it to something:

methods: {
    toggleDarkTheme() {
        this.applicationTheme = this.applicationTheme === 'default' ? 'dark' : 'default';
    }
}

3. Get the value from local storage (not using Vue/Vue-Preferences):

const applicationTheme = localStorage.getItem("applicationTheme");
// Value is equal to "default" or "dark", not default or dark

Expected behavior
The value shouldn't be surrounded by quotes.

Screenshots

Desktop (please complete the following information):

• OS: Windows 10
• Browser Chrome
• Version latest

[atalagorria]

@joshmakar I don't think the issue is that the value is surrounded by quotes. Did you try to use the get() method to retrieve the value?

toggleDarkTheme() {
  const currentTheme = preference("applicationTheme").get();
  preference("applicationTheme").set(
    currentTheme === "default" ? "dark" : "default"
  );
},