vuejs / devtools-v6

⚙️ Browser devtools extension for debugging Vue.js applications.
https://devtools-v6.vuejs.org/
MIT License
24.68k stars 4.14k forks source link

fix(vue3): ensure 3rd party components directly imported in script setup do not show up as `Anonymous Component` in devtools #2020

Closed LinusBorg closed 1 year ago

LinusBorg commented 1 year ago

Description

When we import and use a 3rd Party component in <script setup> like in the following example, it will show up as <Anonymous Component> in devtools.


<script setup>
import Child from 'cool-ui-library'
</script>
<template>
   <Child />
</template

This PR makes devtools fall back on the internal __name property added by @vitejs/plugin-vue (this name is derrived from the filename) if no explicit name has been set.

Additional context

I'm not sure how to add a test case for this. But I hope the fix is trivial enough to do without one.


What is the purpose of this pull request?

Before submitting the PR, please make sure you do the following