diff --git a/package.json b/package.json index f3e1437..e86aab7 100644 --- a/package.json +++ b/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" } diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index f49b7aa..5e64ccc 100644 --- a/pnpm-lock.yaml +++ b/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 diff --git a/src/router/index.ts b/src/router/index.ts index b4510ee..98f9b4b 100644 --- a/src/router/index.ts +++ b/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'), }, ] diff --git a/vite.config.ts b/vite.config.ts index 9000e78..430ea0f 100644 --- a/vite.config.ts +++ b/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)), }, }, })