Skip to content

fix: use displayName for functional components#1046

Open
skirtles-code wants to merge 1 commit intovuejs:mainfrom
skirtles-code:fc-displayName
Open

fix: use displayName for functional components#1046
skirtles-code wants to merge 1 commit intovuejs:mainfrom
skirtles-code:fc-displayName

Conversation

@skirtles-code
Copy link
Contributor

Closes #690.


The Transition component is shown as Anonymous Component in various places, e.g. in the component inspection tree:

image

This will now be shown as Transition instead:

image

This fix also applies to other functional components with a displayName property.

Using the displayName in this way is consistent with how Vue core uses it:

@netlify
Copy link

netlify bot commented Feb 18, 2026

Deploy Preview for vue-devtools-docs canceled.

Name Link
🔨 Latest commit 136e2d4
🔍 Latest deploy log https://app.netlify.com/projects/vue-devtools-docs/deploys/699647aa43115800082c616e

@pkg-pr-new
Copy link

pkg-pr-new bot commented Feb 18, 2026

Open in StackBlitz

@vue/devtools-applet

npm i https://pkg.pr.new/@vue/devtools-applet@1046

@vue/devtools-core

npm i https://pkg.pr.new/@vue/devtools-core@1046

@vue/devtools

npm i https://pkg.pr.new/@vue/devtools@1046

@vue/devtools-api

npm i https://pkg.pr.new/@vue/devtools-api@1046

@vue/devtools-kit

npm i https://pkg.pr.new/@vue/devtools-kit@1046

@vue/devtools-electron

npm i https://pkg.pr.new/@vue/devtools-electron@1046

@vue/devtools-shared

npm i https://pkg.pr.new/@vue/devtools-shared@1046

@vue/devtools-ui

npm i https://pkg.pr.new/@vue/devtools-ui@1046

vite-plugin-vue-devtools

npm i https://pkg.pr.new/vite-plugin-vue-devtools@1046

commit: 136e2d4

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Vue 3.5.12 Transition does not display component name

1 participant

Comments