fix(vue2): route not having active tag, closes vuejs#1738

Akryum · Akryum · commit df44d8995aba · 2022-02-15T20:09:17.000+01:00
diff --git a/packages/app-backend-vue2/src/plugin.ts b/packages/app-backend-vue2/src/plugin.ts
@@ -284,7 +284,7 @@ const DARK = 0x666666
 
 function formatRouteNode (router, route, parentPath: string, filter: string): CustomInspectorNode {
   const node: CustomInspectorNode = {
-    id: parentPath + route.path,
+    id: route.path.startsWith('/') ? route.path : `${parentPath}/${route.path}`,
     label: route.path,
     children: route.children?.map(child => formatRouteNode(router, child, route.path, filter)).filter(Boolean),
     tags: [],
@@ -308,8 +308,7 @@ function formatRouteNode (router, route, parentPath: string, filter: string): Cu
     })
   }
 
-  const currentPath = router.currentRoute.matched.reduce((p, m) => p + m.path, '')
-  if (node.id === currentPath) {
+  if (node.id === router.currentRoute.path) {
     node.tags.push({
       label: 'active',
       textColor: WHITE,
