fix: route tracking handle currentRoute to be null

Author: antfu

packages/devtools/client/plugins/global.ts

@@ -39,8 +39,8 @@ export default defineNuxtPlugin(() => {
   })
 
   router.afterEach(() => {
-    const path = router.currentRoute.value.path
-    if (path.includes('__'))
+    const path = router.currentRoute.value?.path
+    if (!path || path.includes('__'))
       return
     client.value?.hooks.callHook('devtools:navigate', path)
   })

packages/devtools/client/setup/client-rpc.ts

@@ -31,7 +31,7 @@ export function setupClientRPC() {
     },
     async navigateTo(path: string) {
       client.value.open()
-      if (router.currentRoute.value.path !== path)
+      if (router.currentRoute.value?.path !== path)
         router.push(path)
     },
   } satisfies ClientFunctions)

packages/devtools/src/runtime/plugins/view/client.ts

@@ -342,7 +342,7 @@ export function useClientColorMode(): Ref<ColorScheme> {
 
 function setupRouteTracking(timeline: TimelineMetrics, router: Router) {
   // Add initial route event
-  if (router && timeline.options.enabled) {
+  if (timeline.options.enabled && router?.currentRoute?.value?.path) {
     const start = timeline.events[0]?.start || Date.now()
     timeline.events.unshift({
       type: 'route',