chore: Update environment configuration and dependencies

src/App.vue

@@ -17,6 +17,10 @@ import HelloWorld from './components/HelloWorld.vue'
     </div>
   </header>
 
+  <nav>
+    <button @click="$router.push({ name: 'About' })">AboutButtonPush</button>
+  </nav>
+
   <RouterView />
 </template>
 

src/main.ts

@@ -1,4 +1,5 @@
 import './assets/main.css'
+import 'uno.css'
 
 import { createApp } from 'vue'
 import { createPinia } from 'pinia'

src/router/index.ts

@@ -1,23 +1,29 @@
 import { createRouter, createWebHistory } from 'vue-router'
-import HomeView from '../views/HomeView.vue'
+import { routes, handleHotUpdate } from 'vue-router/auto-routes'
 
-const router = createRouter({
+
+export const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
-  routes: [
-    {
-      path: '/',
-      name: 'home',
-      component: HomeView
-    },
-    {
-      path: '/about',
-      name: 'about',
-      // route level code-splitting
-      // this generates a separate chunk (About.[hash].js) for this route
-      // which is lazy-loaded when the route is visited.
-      component: () => import('../views/AboutView.vue')
-    }
-  ]
+  // routes: [
+  //   {
+  //     path: '/',
+  //     name: 'home',
+  //     component: HomeView
+  //   },
+  //   {
+  //     path: '/about',
+  //     name: 'about',
+  //     // route level code-splitting
+  //     // this generates a separate chunk (About.[hash].js) for this route
+  //     // which is lazy-loaded when the route is visited.
+  //     component: () => import('../views/AboutView.vue')
+  //   }
+  // ],
+  routes,
 })
 
 export default router
+
+if (import.meta.hot) {
+  handleHotUpdate(router)
+}