Vue.js: How to type events in Vue 3 with TypeScript?

1<template>
2    <!-- DOM events -->
3    <button @click="handleClick">Click</button>
4    <input @input="handleInput" />
5    
6    <!-- Custom events -->
7    <Child @update="handleUpdate" />
8</template>
9
10<script setup lang="ts">
11// DOM event
12function handleClick(event: MouseEvent) {
13    console.log(event.clientX)
14}
15
16// Input event
17function handleInput(event: Event) {
18    const target = event.target as HTMLInputElement
19    console.log(target.value)
20}
21
22// Custom event
23function handleUpdate(value: string) {
24    console.log(value)
25}
26</script>