fix(devtools-kit): remove special handling for Router object (#1092)

Author: skirtles-code

packages/devtools-kit/src/core/component/state/custom.ts

@@ -140,22 +140,6 @@ export function getStoreDetails(store) {
   }
 }
 
-export function getRouterDetails(router) {
-  return {
-    _custom: {
-      type: 'router',
-      displayText: 'VueRouter',
-      value: {
-        options: router.options,
-        currentRoute: router.currentRoute,
-      },
-      fields: {
-        abstract: true,
-      },
-    },
-  }
-}
-
 // @TODO: fix circular dependency
 export function getInstanceDetails(instance) {
   if (instance._)

packages/devtools-kit/src/core/component/state/replacer.ts

@@ -1,6 +1,6 @@
 import { ensurePropertyExists } from '../utils'
 import { INFINITY, MAX_ARRAY_SIZE, MAX_STRING_SIZE, NAN, NEGATIVE_INFINITY, UNDEFINED } from './constants'
-import { getBigIntDetails, getComponentDefinitionDetails, getDateDetails, getFunctionDetails, getHTMLElementDetails, getInstanceDetails, getMapDetails, getObjectDetails, getRouterDetails, getSetDetails, getStoreDetails } from './custom'
+import { getBigIntDetails, getComponentDefinitionDetails, getDateDetails, getFunctionDetails, getHTMLElementDetails, getInstanceDetails, getMapDetails, getObjectDetails, getSetDetails, getStoreDetails } from './custom'
 import { isVueInstance } from './is'
 import { sanitize } from './util'
 
@@ -73,9 +73,6 @@ export function stringifyReplacer(key: string | number, _value: any, depth?: num
     else if (ensurePropertyExists(val, 'state', true) && ensurePropertyExists(val, '_vm', true)) {
       return getStoreDetails(val)
     }
-    else if (val.constructor && val.constructor.name === 'VueRouter') {
-      return getRouterDetails(val)
-    }
     else if (isVueInstance(val as Record<string, unknown>)) {
       const componentVal = getInstanceDetails(val)
       const parentInstanceDepth = seenInstance?.get(val)
@@ -98,9 +95,6 @@ export function stringifyReplacer(key: string | number, _value: any, depth?: num
     else if (val.constructor?.name === 'Store' && '_wrappedGetters' in val) {
       return '[object Store]'
     }
-    else if (ensurePropertyExists(val, 'currentRoute', true)) {
-      return '[object Router]'
-    }
     const customDetails = getObjectDetails(val)
     if (customDetails != null)
       return customDetails

packages/devtools-kit/src/core/component/types/custom.ts

@@ -1 +1 @@
-export type customTypeEnums = 'function' | 'bigint' | 'map' | 'set' | 'store' | 'router' | 'component' | 'component-definition' | 'HTMLElement' | 'component-definition' | 'date'
+export type customTypeEnums = 'function' | 'bigint' | 'map' | 'set' | 'store' | 'component' | 'component-definition' | 'HTMLElement' | 'component-definition' | 'date'

packages/devtools-kit/src/types/component.ts

@@ -21,7 +21,7 @@ export interface ComponentTreeNode {
   file?: string
 }
 
-type ComponentBuiltinCustomStateTypes = 'function' | 'map' | 'set' | 'reference' | 'component' | 'component-definition' | 'router' | 'store'
+type ComponentBuiltinCustomStateTypes = 'function' | 'map' | 'set' | 'reference' | 'component' | 'component-definition' | 'store'
 
 interface ComponentCustomState extends ComponentStateBase {
   value: CustomState