Support all component included via component hooks at ComponentGraph

[Maiquu]

Currently ComponentGraph will only show components that are defined in files with .vue extension. But some (or most) Vue UI library distributions (ex. element-plus, quasar) contain their component definitions in .js files.

Is it possible to support viewing these components in ComponentGraph as well?

[antfu]

Can you give a minimal example project setup so we could take a look? Thanks

[Maiquu]

Added related screenshots to README.md

https://github.com/Maiquu/nuxt-devtools-issue-setup

[Maiquu]

To be more precise, the code at vite-inspect integration only includes files that end with .vue extension. My request was for components added via components:extend hook to be included as well since they are not necessarily Vue SFC files.

I would gladly make a PR for this if its a reasonable enhancement.

[antfu]

I mean, yes. I think it's reasonable to have it. But I think the main blocker to me is how we could determine whether a js/ts file, or an export is a Vue component or not.

PR welcome if you have some ideas in mind. Thanks.

[Maiquu]

I can reduce the scope of the request to just support component files passed to nuxt via component:extends hook. Then it would probably be safe to assume they are all component files regardless of their extension.