From afe459f24805cee90cdef59397ca5abf70fb5453 Mon Sep 17 00:00:00 2001
From: Ovidiu U <nonreal@gmail.com>
Date: Mon, 20 Apr 2026 20:38:04 +0100
Subject: [PATCH] Lazy-load dashboard and settings views to reduce initial
 bundle size

Convert dashboard and settings component imports from static to dynamic imports using arrow functions, improving initial load performance by code-splitting these routes.
---
 resources/js/router/index.js | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/resources/js/router/index.js b/resources/js/router/index.js
index be5c523..3d80650 100644
--- a/resources/js/router/index.js
+++ b/resources/js/router/index.js
@@ -1,15 +1,16 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import Home from '../views/Home.vue'
-import DashboardLayout from '../views/dashboard/DashboardLayout.vue'
-import Overview from '../views/dashboard/Overview.vue'
-import SavedStations from '../views/dashboard/SavedStations.vue'
-import Preferences from '../views/dashboard/Preferences.vue'
-import SettingsLayout from '../views/dashboard/settings/SettingsLayout.vue'
-import Profile from '../views/dashboard/settings/Profile.vue'
-import Security from '../views/dashboard/settings/Security.vue'
-import Appearance from '../views/dashboard/settings/Appearance.vue'
 import { useAuth } from '../composables/useAuth.js'
 
+const DashboardLayout = () => import('../views/dashboard/DashboardLayout.vue')
+const Overview = () => import('../views/dashboard/Overview.vue')
+const SavedStations = () => import('../views/dashboard/SavedStations.vue')
+const Preferences = () => import('../views/dashboard/Preferences.vue')
+const SettingsLayout = () => import('../views/dashboard/settings/SettingsLayout.vue')
+const Profile = () => import('../views/dashboard/settings/Profile.vue')
+const Security = () => import('../views/dashboard/settings/Security.vue')
+const Appearance = () => import('../views/dashboard/settings/Appearance.vue')
+
 const routes = [
     { path: '/', component: Home, name: 'home' },
     {