fix(kit): filter useless route info, closes #159

packages/devtools-kit/src/core/router/index.ts

@@ -1,4 +1,4 @@
-import type { RouteLocationNormalizedLoaded, RouteRecordNormalized, Router } from 'vue-router'
+import type { RouteLocationNormalizedLoaded, RouteRecordNormalized, RouteRecordRaw, Router } from 'vue-router'
 import type { AppRecord } from '@vue/devtools-schema'
 import { deepClone, target as global } from '@vue/devtools-shared'
 import { debounce } from 'perfect-debounce'
@@ -34,17 +34,39 @@ export function normalizeRouterInfo(appRecord: AppRecord) {
  const routesMap = new Map()
  return (router?.getRoutes() || []).filter(i => !routesMap.has(i.path) && routesMap.set(i.path, 1))
  }
- function init() {
- const router = appRecord.app?.config.globalProperties.$router as Router | undefined
- const currentRoute = router?.currentRoute.value
- const routes = getRoutes(router).map((item) => {
- const { path, name, children } = item
+ function filterRoutes(routes: RouteRecordRaw[]) {
+ return routes.map((item) => {
+ let { path, name, children } = item
+ if (children?.length)
+ children = filterRoutes(children)
+
  return {
  path,
  name,
  children,
  }
  })
+ }
+ function filterCurrentRoute(route: RouteLocationNormalizedLoaded & { href?: string } | undefined) {
+ if (route) {
+ const { fullPath, hash, href, path, name, matched, params, query } = route
+ return {
+ fullPath,
+ hash,
+ href,
+ path,
+ name,
+ params,
+ query,
+ matched: filterRoutes(matched),
+ }
+ }
+ return route
+ }
+ function init() {
+ const router = appRecord.app?.config.globalProperties.$router as Router | undefined
+ const currentRoute = filterCurrentRoute(router?.currentRoute.value)
+ const routes = filterRoutes(getRoutes(router))
  const c = console.warn
  console.warn = () => {}
  global[RouterInfoKey] = {