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

1<template>
2    <input ref="inputRef" />
3    <div ref="divRef">Content</div>
4</template>
5
6<script setup lang="ts">
7import { ref, onMounted } from "vue"
8
9const inputRef = ref<HTMLInputElement | null>(null)
10const divRef = ref<HTMLDivElement | null>(null)
11
12onMounted(() => {
13    inputRef.value?.focus()
14    console.log(divRef.value?.textContent)
15})
16</script>

1const el = ref<HTMLElement>()
2
3onMounted(() => {
4    if (el.value) {
5        el.value.classList.add("active")
6    }
7})