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]>
easy-temps · Aug 29, 2024 · 9459583 · 9459583
1 parent 15718a8
commit 9459583
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/src/router/index.ts b/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()