Anonymous Component in vue-devtools

[AndreasNasman]

Generating a default Vue CLI project, adding primevue to it, and importing and declaring a component results in it being an Anonymous Component in the Vue.js devtools browser extension. I experimented a bit and noticed that this behavior starts happening with version 3.2.x; in 3.1.x components still have a name set.

Is this the intended behavior? Included components as SFCs generate names in the devtools with newer versions of PrimeVue.

---

Minimal steps to reproduce:

1. npx @vue/cli create vue-cli-project
2. cd vue-cli-project && yarn add primevue
3. yarn serve
4. Include a component

// main.js
import Button from "primevue/button";
import PrimeVue from "primevue/config";
import { createApp } from "vue";
import App from "./App.vue";

createApp(App)
  .use(PrimeVue)
  .component("Button", Button)
  .mount("#app");
  
  
// App.vue
<template>
  <Button label="test" />
</template>
…

5. The component will be treated as an Anonymous Component
   

[AndreasNasman]

To clarify, this happens both in Chrome and Firefox.

[cagataycivici]

Seems to be related to the new build;

#1138

We'll review for 3.5.0.

[AndreasNasman]

Thanks!

[mertsincan]

Fixed now! Thanks a lot for your report!

[AndreasNasman]

Woop woop! Thanks a lot! 🎉