feat: Enable HMR for routes to avoid page reloads on changes (#124)

* feat: Enable HMR for routes

* chore: Add code comment

---------

Co-authored-by: Charlie ✨ <[email protected]>

Author: chensongni

src/router/index.ts

@@ -1,5 +1,5 @@
 import { createRouter, createWebHistory } from 'vue-router/auto'
-import { routes } from 'vue-router/auto-routes'
+import { routes, handleHotUpdate } from 'vue-router/auto-routes'
 
 import NProgress from 'nprogress'
 import 'nprogress/nprogress.css'
@@ -15,6 +15,11 @@ const router = createRouter({
   routes,
 })
 
+// This will update routes at runtime without reloading the page
+if (import.meta.hot) { 
+  handleHotUpdate(router) 
+}
+
 router.beforeEach((to: EnhancedRouteLocation, from, next) => {
   NProgress.start()