fix: use displayName for functional components (#1046)

skirtles-code · web-flow · commit 20efd82ac865 · 2026-02-25T11:57:03.000+08:00
diff --git a/packages/devtools-kit/src/core/component/utils/index.ts b/packages/devtools-kit/src/core/component/utils/index.ts
@@ -2,6 +2,9 @@ import type { AppRecord, VueAppInstance } from '../../../types'
 import { basename, classify } from '@vue/devtools-shared'
 
 function getComponentTypeName(options: VueAppInstance['type']) {
+  if (typeof options === 'function') {
+    return options.displayName || options.name || options.__VUE_DEVTOOLS_COMPONENT_GUSSED_NAME__ || ''
+  }
   const name = options.name || options._componentTag || options.__VUE_DEVTOOLS_COMPONENT_GUSSED_NAME__ || options.__name
   if (name === 'index' && options.__file?.endsWith('index.vue')) {
     return ''
