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"
  );
},