fix: use stoage for settings version, closes #1097

Author: Guillaume Chau

packages/app-frontend/src/App.vue

@@ -166,6 +166,7 @@
 <script>
 import { mapState, mapGetters } from 'vuex'
 import { SPECIAL_TOKENS } from '@utils/util'
+import { get, set } from '@utils/storage'
 import Keyboard from '@front/mixins/keyboard'
 import GroupDropdown from '@front/components/GroupDropdown.vue'
 import { SETTINGS_VERSION_ID, SETTINGS_VERSION } from '@front/views/settings/SettingsTab.vue'
@@ -226,7 +227,7 @@ export default {
         { name: 'router', label: 'History', icon: 'directions' },
         { name: 'routes', label: 'Routes', icon: 'book' }
       ],
-      settingsVersion: parseInt(localStorage.getItem(SETTINGS_VERSION_ID))
+      settingsVersion: parseInt(get(SETTINGS_VERSION_ID))
     }
   },
 
@@ -253,7 +254,7 @@ export default {
         this.$nextTick(() => {
           if (value === 'settings') {
             this.settingsVersion = SETTINGS_VERSION
-            localStorage.setItem(SETTINGS_VERSION_ID, SETTINGS_VERSION)
+            set(SETTINGS_VERSION_ID, SETTINGS_VERSION)
           }
         })
       }

packages/app-frontend/src/views/settings/SettingsTab.vue

@@ -7,6 +7,7 @@
 <script>
 import GlobalPreferences from './GlobalPreferences.vue'
 import { mapState } from 'vuex'
+import { get } from '@utils/storage'
 
 export const SETTINGS_VERSION = 3
 export const SETTINGS_VERSION_ID = 'vue-devtools-settings-version'
@@ -17,7 +18,7 @@ export default {
   provide () {
     return {
       settingsVersion: SETTINGS_VERSION,
-      currentSettingsVersion: parseInt(localStorage.getItem(SETTINGS_VERSION_ID)) || 0
+      currentSettingsVersion: parseInt(get(SETTINGS_VERSION_ID)) || 0
     }
   },