#2278 causes kebab case listener not get triggered

[yaquawa]

Version

3.0.1

Reproduction link

https://codesandbox.io/s/dreamy-khayyam-m06w1?file=/src/App.vue

Steps to reproduce

<foo @my-event-name="callEvent" />

this.$emit('my-event-name') // `callEvent` not triggered

What is expected?

The doc recommends using kebab case for event names, but #2278 breaks this.

https://v3.vuejs.org/guide/component-custom-events.html#event-names

What is actually happening?

After #2278 got merged, my code shown above won't work.

(You might want to write some tests before merge. Thanks!)

[posva]

Your reproduction works...

[yaquawa]

@posva have you clicked the "Hello Vue 3 in CodeSandbox!" ? If it works, the alert should appears.

[LinusBorg]

@posva I don't get any alert from clicking on HelloWorld's body, can't say this works.

[posva]

Huh?

Edit: Forced updated the vue version and it doesn't work 👍

[Wizard67]

I'm having the same problem.

[LinusBorg]

Since #2278 now all events are camelCased, we now have to camelCase events everywhere, mainly in two places:

1. when setting emitsOptions on the internal instanc
2. during the call of emit(), the first argument.

/cc @yyx990803 this is a pretty broad regression from 3.0.0 and might need a hotfix release.

[07akioni]

Docs may need an update too.

[LinusBorg]

If we make the changes i mentioned, docs could stay as they are. Pascal-Case recommended, but camel case works as well.

[yyx990803]

This works correctly in a reproduction using 3.0.1 global build (https://jsfiddle.net/yyx990803/3scy68d5/1/) and also works on a fresh vue-cli project using 3.0.1. There could be a compiler/runtime version mismatch in your project that doesn't properly camelize the event when emitting (make sure your @vue/compiler-sfc is also on 3.0.1).

Closing since it's not reproducible.