From 9bc211ca72e0d1b6bc8d864afb5be18a3f8976d1 Mon Sep 17 00:00:00 2001
From: Salman Kalela <ngoy.kalela@gmail.com>
Date: Sun, 2 Mar 2025 01:57:33 +0100
Subject: [PATCH] fix passwordInput HTMLInputElement error on onError focus

---
 resources/js/components/DeleteUser.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/DeleteUser.vue b/resources/js/components/DeleteUser.vue
index 550610cb..cdae08d3 100644
--- a/resources/js/components/DeleteUser.vue
+++ b/resources/js/components/DeleteUser.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { useForm } from '@inertiajs/vue3';
-import { ref } from 'vue';
+import { useTemplateRef } from 'vue';
 
 // Components
 import HeadingSmall from '@/components/HeadingSmall.vue';
@@ -19,7 +19,7 @@ import {
 import { Input } from '@/components/ui/input';
 import { Label } from '@/components/ui/label';
 
-const passwordInput = ref<HTMLInputElement | null>(null);
+const passwordInput = useTemplateRef<HTMLInputElement | null>(null);
 
 const form = useForm({
     password: '',