From c462ec4c5a678d2b42ddf00aedaa0226b6e7beea Mon Sep 17 00:00:00 2001
From: JiaxiangZhang <zjx9987@gmail.com>
Date: Sun, 8 Sep 2024 20:49:16 +0800
Subject: [PATCH] Update dom-ref example for Vue 3

---
 content/2-templating/5-dom-ref/vue3/InputFocused.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/content/2-templating/5-dom-ref/vue3/InputFocused.vue b/content/2-templating/5-dom-ref/vue3/InputFocused.vue
index fb07dbba..55398e31 100644
--- a/content/2-templating/5-dom-ref/vue3/InputFocused.vue
+++ b/content/2-templating/5-dom-ref/vue3/InputFocused.vue
@@ -1,7 +1,7 @@
 <script setup>
-import { ref, onMounted } from "vue";
+import { useTemplateRef, onMounted } from "vue";
 
-const inputElement = ref();
+const inputElement = useTemplateRef("inputElement");
 
 onMounted(() => {
   inputElement.value.focus();