Vue.js: How do you use template refs?

1<script setup>
2import { ref, onMounted } from "vue"
3
4const inputRef = ref(null)
5
6onMounted(() => {
7  inputRef.value.focus()
8})
9</script>
10
11<template>
12  <input ref="inputRef" />
13</template>

1<script setup>
2import { ref } from "vue"
3
4const inputs = ref({})
5const setRef = (el, id) => {
6  if (el) inputs.value[id] = el
7}
8</script>
9
10<template>
11  <input v-for="id in ids" :key="id"
12    :ref="(el) => setRef(el, id)" />
13</template>