Emitter always have $event: any by default even it is defined with no parameter attached

[cuongvuong-phoenix]

Reproduction

Assume we have 2 componens defined like following:

<!-- Child.vue -->
<template>
  <button @click="emit('onClick')">Click me</button>
</template>

<script setup lang="ts">
  import { defineEmit } from 'vue';
  
  const emit = defineEmit({
    // No parameter declared.
    onClick: () => true,
  });
</script>

<!-- Parent.vue -->
<template>
  <div>
    <Child @on-click="onChildClick()" />
  </div>
</template>

<script setup lang="ts">
  import { ref } from 'vue';
  import Child from './Child.vue';
  
  const counter = ref(0);
  
  function onChildClick() {
    counter.value++;
    console.log(`Clicked ${counter.value} times`);
  }
</script>

Both Volar and vue-tsc throw this error at event listener:

src/components/Parent.vue:4:13 - error TS2322: Type '($event: any) => void' is not assignable to type '() => void'.

4     <Child @on-click="onChildClick()" />

Expected Result

No error is thrown.