bug: Ionic Vue components show as Anonymous Component in Vue 3 Dev tools #25199
Description
Prerequisites
- I have read the Contributing Guidelines.
- I agree to follow the Code of Conduct.
- I have searched for existing issues that already report this problem, without success.
Ionic Framework Version
- v4.x
- v5.x
- v6.x
- Nightly
Current Behavior
Vue developers using the Vue 3 Dev tools will see "Anonymous Component" in place of all generated Vue wrappers.
Expected Behavior
The component name should display instead.
Steps to Reproduce
- Install Vue 3 Dev Tools Chrome extension
- Open Ionic Vue app
- Open dev tools
- Jump to Vue dev tools
- See that Ionic components display as "Anonymous Component"
Code Reproduction URL
No response
Ionic Info
N/A
Additional Information
This is a two part issue:
- The output targets repo is generating the proxies incorrectly: fix(vue): apply vue component name to wrapper stenciljs/output-targets#257
- The custom maintained proxies (routing components) are also generating incorrectly
Will open a PR shortly for both.