chore: Update router links and remove unused pages

src/App.vue

@@ -11,14 +11,14 @@ import HelloWorld from './components/HelloWorld.vue'
       <HelloWorld msg="You did it!" />
 
       <nav>
-        <RouterLink to="/">Home</RouterLink>
+        <RouterLink :to="{ name: 'IndexPage' }">Home</RouterLink>
-        <RouterLink to="/about">About</RouterLink>
+        <RouterLink :to="{ name: 'AboutPage' }">About</RouterLink>
       </nav>
     </div>
   </header>
 
   <nav>
-    <button @click="$router.push({ name: 'About' })">AboutButtonPush</button>
+    <button @click="$router.push({ name: 'AboutPage' })">AboutButtonPush</button>
   </nav>
 
   <RouterView />

src/pages/index-page.vue

@@ -1,5 +1,8 @@
 <script setup lang="ts">
 import TheWelcome from '../components/TheWelcome.vue'
+definePage({
+  alias: '/',
+})
 </script>
 
 <template>

src/router/index.ts

@@ -1,7 +1,6 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import { routes, handleHotUpdate } from 'vue-router/auto-routes'
 
-
 export const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
   // routes: [
@@ -19,11 +18,11 @@ export const router = createRouter({
   //     component: () => import('../views/AboutView.vue')
   //   }
   // ],
-  routes,
+  routes
 })
 
 export default router
 
 if (import.meta.hot) {
   handleHotUpdate(router)
-} 
+}

typed-router.d.ts

@@ -18,7 +18,7 @@ declare module 'vue-router/auto-routes' {
    * Route name map generated by unplugin-vue-router
    */
   export interface RouteNamedMap {
-    'Root': RouteRecordInfo<'Root', '/', Record<never, never>, Record<never, never>>,
+    'AboutPage': RouteRecordInfo<'AboutPage', '/about-page', Record<never, never>, Record<never, never>>,
-    'About': RouteRecordInfo<'About', '/About', Record<never, never>, Record<never, never>>,
+    'IndexPage': RouteRecordInfo<'IndexPage', '/index-page', Record<never, never>, Record<never, never>>,
   }
 }

vite.config.ts

@@ -69,7 +69,7 @@ export default defineConfig(({ mode, command }) => {
           // chunkFileNames: 'assets/chunk/[name]_[hash].js',
           // entryFileNames: 'assets/entry/[name]_[hash].js',
           // assetFileNames: 'assets/[ext]/[name]_[hash].[ext]',
-          manualChunks: (id, { getModuleIds, getModuleInfo }) => {
+          manualChunks: (id/* , { getModuleIds, getModuleInfo } */) => {
             if (id.includes('node_modules') && env.VITE_SPLIT_CHUNKS === 'true') {
               let pkgName = id;
               pkgName = pkgName.split('.pnpm/')?.[1] || pkgName;