diff --git a/src/App.vue b/src/App.vue
index 2a7a350..fa6c80b 100644
--- a/src/App.vue
+++ b/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="/about">About</RouterLink>
+        <RouterLink :to="{ name: 'IndexPage' }">Home</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 />
diff --git a/src/pages/About.vue b/src/pages/about-page.vue
similarity index 100%
rename from src/pages/About.vue
rename to src/pages/about-page.vue
diff --git a/src/pages/index.vue b/src/pages/index-page.vue
similarity index 83%
rename from src/pages/index.vue
rename to src/pages/index-page.vue
index d5c0217..c980d55 100644
--- a/src/pages/index.vue
+++ b/src/pages/index-page.vue
@@ -1,5 +1,8 @@
 <script setup lang="ts">
 import TheWelcome from '../components/TheWelcome.vue'
+definePage({
+  alias: '/',
+})
 </script>
 
 <template>
diff --git a/src/router/index.ts b/src/router/index.ts
index ec82120..385f803 100644
--- a/src/router/index.ts
+++ b/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)
-} 
\ No newline at end of file
+}
diff --git a/typed-router.d.ts b/typed-router.d.ts
index 5d7bbe5..ba19764 100644
--- a/typed-router.d.ts
+++ b/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>>,
-    'About': RouteRecordInfo<'About', '/About', Record<never, never>, Record<never, never>>,
+    'AboutPage': RouteRecordInfo<'AboutPage', '/about-page', Record<never, never>, Record<never, never>>,
+    'IndexPage': RouteRecordInfo<'IndexPage', '/index-page', Record<never, never>, Record<never, never>>,
   }
 }
diff --git a/vite.config.ts b/vite.config.ts
index bfacd08..6aadce0 100644
--- a/vite.config.ts
+++ b/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;