bitstream/fuel-price
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Lazy-load dashboard and settings views to reduce initial bundle size
Some checks failed
linter / quality (push) Has been cancelled
Details
tests / ci (8.3) (push) Has been cancelled
Details
tests / ci (8.4) (push) Has been cancelled
Details
tests / ci (8.5) (push) Has been cancelled
Details

Browse Source 
Convert dashboard and settings component imports from static to dynamic imports using arrow functions, improving initial load performance by code-splitting these routes.
This commit is contained in:
Ovidiu U
2026-04-20 20:38:04 +01:00
parent d822b77fb0
commit afe459f248
1 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
resources/js/router/index.js
View File

@@ -1,15 +1,16 @@
import { createRouter, createWebHistory } from 'vue-router' import { createRouter, createWebHistory } from 'vue-router'
import Home from '../views/Home.vue' 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' 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 = [ const routes = [
{ path: '/', component: Home, name: 'home' }, { path: '/', component: Home, name: 'home' },
{ {