Performance optimizations

package.json

@@ -40,6 +40,7 @@
     "prettier": "3.6.2",
     "typescript": "~5.9.0",
     "vite": "^7.1.7",
+    "vite-bundle-analyzer": "^1.2.3",
     "vite-plugin-vue-devtools": "^8.0.2",
     "vue-tsc": "^3.1.0"
   }

pnpm-lock.yaml

@@ -75,6 +75,9 @@ importers:
       vite:
         specifier: ^7.1.7
         version: 7.1.10(@types/node@22.18.10)(jiti@2.6.1)(lightningcss@1.30.1)
+      vite-bundle-analyzer:
+        specifier: ^1.2.3
+        version: 1.2.3
       vite-plugin-vue-devtools:
         specifier: ^8.0.2
         version: 8.0.2(vite@7.1.10(@types/node@22.18.10)(jiti@2.6.1)(lightningcss@1.30.1))(vue@3.5.22(typescript@5.9.3))
@@ -1989,6 +1992,10 @@ packages:
   util-deprecate@1.0.2:
     resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
 
+  vite-bundle-analyzer@1.2.3:
+    resolution: {integrity: sha512-8nhwDGHWMKKgg6oegAOpDgTT7/yzTVzeYzLF4y8WBJoYu9gO7h29UpHiQnXD2rAvfQzDy5Wqe/Za5cgqhnxi5g==}
+    hasBin: true
+
   vite-dev-rpc@1.1.0:
     resolution: {integrity: sha512-pKXZlgoXGoE8sEKiKJSng4hI1sQ4wi5YT24FCrwrLt6opmkjlqPPVmiPWWJn8M8byMxRGzp1CrFuqQs4M/Z39A==}
     peerDependencies:
@@ -4066,6 +4073,8 @@ snapshots:
 
   util-deprecate@1.0.2: {}
 
+  vite-bundle-analyzer@1.2.3: {}
+
   vite-dev-rpc@1.1.0(vite@7.1.10(@types/node@22.18.10)(jiti@2.6.1)(lightningcss@1.30.1)):
     dependencies:
       birpc: 2.6.1

src/router/index.ts

@@ -1,37 +1,35 @@
 import { createRouter, createWebHistory, type RouteRecordRaw } from 'vue-router'
-import HomeView from '@/views/HomeView.vue'
-import NotFoundView from '@/views/NotFoundView.vue'
-import ListView from '@/views/ListView.vue'
-import DetailsView from '@/views/DetailsView.vue'
-import AddView from '@/views/AddView.vue'
-import WatchView from '@/views/WatchView.vue'
 
 const routes: RouteRecordRaw[] = [
-  { path: '/:pathMatch(.*)*', name: 'NotFound', component: NotFoundView },
+  { 
+    path: '/:pathMatch(.*)*', 
+    name: 'NotFound', 
+    component: () => import('@/views/NotFoundView.vue'),
+  },
   {
     path: '/',
     name: 'home',
-    component: HomeView,
+    component: () => import('@/views/HomeView.vue'),
   },
   {
     path: '/list',
     name: 'list',
-    component: ListView,
+    component: () => import('@/views/ListView.vue'),
   },
   {
     path: '/details/:id',
     name: 'details',
-    component: DetailsView,
+    component: () => import('@/views/DetailsView.vue'),
   },
   {
     path: '/add',
     name: 'add',
-    component: AddView,
+    component: () => import('@/views/AddView.vue'),
   },
   {
     path: '/watch/:name/:id',
     name: 'watch',
-    component: WatchView,
+    component: () => import('@/views/WatchView.vue'),
   },
 ]
 

vite.config.ts

@@ -4,18 +4,20 @@ import { defineConfig } from 'vite'
 import vue from '@vitejs/plugin-vue'
 import vueDevTools from 'vite-plugin-vue-devtools'
 import tailwindcss from '@tailwindcss/vite'
+//import { analyzer } from 'vite-bundle-analyzer'
 
 // https://vite.dev/config/
 export default defineConfig({
   base: process.env.DEPLOY_ENV === 'GH_PAGES' ? '/TBW/' : './',
   plugins: [
-    vue(),  
+    vue(),
     vueDevTools(),
-    tailwindcss()
+    tailwindcss(),
+    //analyzer()
   ],
   resolve: {
     alias: {
-      '@': fileURLToPath(new URL('./src', import.meta.url))
+      '@': fileURLToPath(new URL('./src', import.meta.url)),
     },
   },
 })