1.2.8: Add support for custom event handlers

[Tao-VanJS]

Hi fellow VanJSers,

I'm happy to announce the release of VanJS 1.2.8. 🎉🎉🎉

In this release, we changed the implementation of event handlers in VanJS. Instead of registering event handlers via on... property, we changed to use addEventListener and removeEventListener to register and unregister event handlers.

As a result of the change, you can set custom event handlers via tag functions:

const {button, div, p} = van.tags

const dom = div(button({oncustom: () => van.add(dom, p("Event triggered!"))}, "Button"))
van.add(document.body, dom)

dom.querySelector("button").dispatchEvent(new Event("custom"))

Try it out here: https://jsfiddle.net/dupc9oaz/.

Furthermore, we believe adding the support of custom event handlers will enable more seamless integration between VanJS and custom web components. (#2).

With the new feature, the bundle size increases slightly. Gzipped bundle increases to 1021 bytes (1.0kB) from 970 bytes (0.9kB), while minified bundle increases to 1831 bytes (1.8kB) from 1729 bytes (1.7kB) - still being the smallest reactive UI framework in the world.

❤️ Hope you can enjoy!