preload routes

src/main.js

@@ -5,9 +5,7 @@ import "./style.css";
 
 import App from './components/App.vue';
 
-const router = createRouter({
-    history: createMemoryHistory(),
-    routes: [
+const routes = [
     {
         name: "main",
         path: '/',
@@ -29,9 +27,20 @@ const router = createRouter({
         path: '/settings/radio',
         component: () => import("./components/pages/RadioSettingsPage.vue"),
     },
-    ],
+];
+
+const router = createRouter({
+    history: createMemoryHistory(),
+    routes: routes,
 });
 
+// preload all route components, so they are available even if the server deploys a new version before the user navigates to a page
+for(const route of routes){
+    if(typeof route.component === 'function'){
+        route.component();
+    }
+}
+
 createApp(App)
     .use(router)
     .use(vClickOutside)