Event names should be kebab-case naming convention

[pomczys]

In core.ts event name is determined by code:
const name = event.replace(/^on/, "").toLowerCase()
so if I have a property called onComponentReady the event name will be componentready, but should be component-ready

[bmomberger-bitovi]

This is done to match how event names are handled in the DOM. With the exception of certain events prefixed with "DOM" and otherwise camel cased, all event names and their "on" property equivalents are lowercased such as "readystatechange" / "onreadystatechange"

https://en.wikipedia.org/wiki/DOM_event

It's important to distinguish the convention here, that events are by convention lowercased, whereas attributes of an HTML element are kebab cased. When using the events feature in r2wc, it is not necessary to provide attribute values to receive events from "onX" functions.

[pomczys]

Build in DOM events are named lower case unhyphenated.
But for custom events I prefer kebab-case naming convencion
Kebab-case is also recommended by Vue: https://eslint.vuejs.org/rules/custom-event-name-casing