Performance optimizations

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'),
   },
 ]