bug: Custom Event do not fire in Vue (missing event addEventListener)

[Kyri123]

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.

Stencil Version

latest

Stencil Framework Output Target

Vue

Stencil Framework Output Target Version

0.8.6

Current Behavior

• event do not emit in Vue also v-models not do work on many common components.

// will never fire!
function checkedChange(e) {
  console.log("checked!") 
}

<IxToggle @checkedChange="checkedChange" />

Expected Behavior

• Events fire here

// will fire now
function checkedChange(e) {
  console.log("checked!")
}

<IxToggle @checkedChange="checkedChange" />

Steps to Reproduce

• Create a web component and add a custom Event()
• add @event to the vue component and it will not fire
• (no v-model)

Code Reproduction URL

https://github.com/Kyri123/ix

Additional Information

MR: #381

[ionitron-bot]

This issue has been labeled as help wanted. This label is added to issues that we believe would be good for contributors.

If you'd like to work on this issue, please comment here letting us know that you would like to submit a pull request for it. This helps us to keep track of the pull request and make sure there isn't duplicated effort.
Thank you!

[christian-bromann]

@Kyri123 any chance we can resurrect the PR you have raised?