From 0441bc9ab323dabc8daf4e7d2de113b727dae58d Mon Sep 17 00:00:00 2001
From: jiaxiangZhang <zj.x9872@foxmail.com>
Date: Mon, 9 Sep 2024 00:58:51 +0800
Subject: [PATCH] Update dom-ref example for Vue 3 (#251)

---
 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();