fix(vue): update output target and properly emit events

[christian-bromann]

Issue number: resolves #30206 resolves #30178 resolves #30177 resolves #30175 resolves #30170

---

What is the current behavior?

There have been plenty of issues reported in regards to Vue components failing to propagate events. It seems like when we updated the Vue output target and started to use the provided runtime code from the output target, we have changed the way how event names are computed. Ionic has used a custom wrapper for handling events that would kebab case event names. That is no longer needed and removing it fixes observed issues.

Reproduction case working: https://stackblitz.com/edit/vj18czas-wdhzxjom?file=package.json

What is the new behavior?

We have received a fix for this in stenciljs/output-targets#617 which I hope will resolve this issue by updating the dependency.

Does this introduce a breaking change?

• Yes
• No

Other information

Dev build: 8.4.4-dev.11741193800.14916f6f

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
ionic-framework	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 5, 2025 4:45pm

[christian-bromann]

Verified fix for reproduction case referenced in: #30170
https://stackblitz.com/edit/vj18czas-ixc2u6au?file=package.json

[christian-bromann]

This does not resolve #30179

[christian-bromann]

Verified fix for reproduction case referenced in: #30206
https://stackblitz.com/~/github.com/ozgurg/ionic-8.4.3-event-issue-reproduce

[brandyscarney]

Verified the following issues are broken on 8.4.3 and fixed by the dev build 8.4.4-dev.11741193800.14916f6f:

• bug: none of the events of ion-input are firing after the @ionic/vue 8.4.3 update #30206
• IonicRefresher event not working #30178
• bug: <ion-segment> @ionChange no longer fires since 8.4.3 ionic-vue update #30177
• bug: Scroll-events not working in version 8.4.3 of @ionic/vue #30175
• ionic/vue ionChange not catchable in a straightforward way since update #30170

[ShaneK]

I've also tested and verified what Brandy found on 8.4.4-dev.11741193800.14916f6f. Good work! 🚀

[andrei0x309]

Can confirm this issue in 8.4.3 with @ionInput on ion-searchbar component, downgrading to 8.4.2 until 8.4.4 is released that fixes this issue.

[robkorv]

Thanks for the fix!