migrations: Add a starting migration script

It initially contains the renaming migrations of localStorage keys

src/main.ts

@@ -15,13 +15,17 @@ import VueVirtualScroller from 'vue-virtual-scroller'
 
 import { app_version } from '@/libs/cosmos'
 import eventTracker from '@/libs/external-telemetry/event-tracking'
+import { runMigrations } from '@/utils/migrations'
 
 import App from './App.vue'
 import vuetify from './plugins/vuetify'
 import { loadFonts } from './plugins/webfontloader'
 import router from './router'
 import { useOmniscientLoggerStore } from './stores/omniscientLogger'
 
+// Run migrations that are needed for the app to work
+runMigrations()
+
 library.add(fas, far)
 loadFonts()
 

src/utils/migrations.ts

@@ -0,0 +1,24 @@
+/**
+ * Migrate old localStorage keys to new ones
+ */
+const migrateRenameOfLocalStorageKeys = (): void => {
+  const oldToNewKeys = {
+    'main-menu-style': 'cockpit-main-menu-style',
+    'last-tutorial-step': 'cockpit-last-tutorial-step',
+    'tutorial-modal': 'cockpit-tutorial-modal',
+  }
+  Object.entries(oldToNewKeys).forEach(([oldKey, newKey]) => {
+    const oldValue = localStorage.getItem(oldKey)
+    if (oldValue !== null) {
+      localStorage.setItem(newKey, oldValue)
+      localStorage.removeItem(oldKey)
+    }
+  })
+}
+
+/**
+ * Run all migrations
+ */
+export function runMigrations(): void {
+  migrateRenameOfLocalStorageKeys()
+}