Can't have bubbling and capturing event listeners of the same event type on a element

[janispritzkau]

Version

3.0.0-beta.20

Reproduction link

https://jsfiddle.net/janispritzkau/f4wdbm3r/17/

Steps to reproduce

Click on the element and check the console.

What is expected?

Both the regular bubbling and capture event listener should be added to the element and the handler functions should be called when the event is triggered.

What is actually happening?

The bubbling event listener works fine but the capturing event listener throws an error when triggered and the handler for it doesn't get called.

---

Here is how you would do this in Vue 2 in a render function:

h("div", {
  on: {
    "click": onClick,
    "!click": onClick
  }
})

The Vue 3 template compiler does something like this:

h("div", {
  onClick: [
    event => onClick(event),
    {
      handler: event => onClick(event),
      options: { capture: true }
    }
  ]
})

[janispritzkau]

I'm guessing the problem is that Vue can't take object event listener definitions as an array.

[janispritzkau]

That's roughly how it could be fixed by iterating over both the previous and next values in the patchEvent function:
master...janispritzkau:multiple-event-listener-options