Should we be able to bypass duplicate attributes build error by using different forms of event handling?

[erlliam]

https://play.vuejs.org/#__SSR__eNp9kTFPwzAQhf9K5KWtVNIBpihUQNUBBkDA6CVxryGtY1v2OUSK8t85J6SECnXzve/5/J7csntj4toDS1iKUBmZIay5iqI094haRXdCluJ4y1nGWVRfaZWMQk5CotXmZxQ0ruhquprsSZ2wpcHIAXpD894rgSWtzeaLVmjltIRY6mI+y2aLbsLzc57/5eKci56nq+HBNVsydGTYl0V8cFpRvzbUopy6MqUE+2LCIsdZEvUksExK/fXUa2g9LEddfII4/qMfXBM0zl4tOLA1cHZimNkCcMDb92do6HyCld55Se4L8A2onA8ZB9uDVzuKPfH1aR8roy2Wqvhw2wZBubFUCBqcXe/njD55c6H6b9zr+Ka/x1XHum9tcLTw

Here we are able to put three event handlers on the button.

<template>
  <button @click="a" v-on:click="b" :onClick="c" /> 
</template>
<script setup>
function a(){console.log('a')}
function b(){console.log('b')}
function c(){console.log('c')}
</script>

However, it's not clear if we should be able to do this, because something like this throws SyntaxError: Duplicate attribute. when building.

<template>
  <button @click="a" @click="b" @click="c" />
</template>
<script setup>
function a(){console.log('a')}
function b(){console.log('b')}
function c(){console.log('c')}
</script>

[Shyam-Chen]

https://eslint.vuejs.org/rules/no-parsing-error.html

[erlliam]

How does this relate to what I'm asking? This rule still allows me to put three event handlers on the button. Furthermore, the SyntaxError: Duplicate attribute. has nothing to do with ESLint as I built the second code example on a project without ESLint.