From d8514c97f8ee99c6fe1bd7b9062dcab74f4e7166 Mon Sep 17 00:00:00 2001
From: Rezunov Eduard <job-asd1239911@yandex.ru>
Date: Sun, 6 Jul 2025 18:32:27 +0400
Subject: [PATCH 1/2] fix bug input focus

---
 package-lock.json                          |  2 +-
 resources/js/components/ui/input/Input.vue | 10 +++++++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index 9e59fcc7..2a750663 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,5 +1,5 @@
 {
-    "name": "vue-starter-kit",
+    "name": "TestStartUiKitVueLaravel",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {
diff --git a/resources/js/components/ui/input/Input.vue b/resources/js/components/ui/input/Input.vue
index 899535e0..f9489834 100644
--- a/resources/js/components/ui/input/Input.vue
+++ b/resources/js/components/ui/input/Input.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { HTMLAttributes } from 'vue'
+import { HTMLAttributes, ref } from 'vue';
 import { cn } from '@/lib/utils'
 import { useVModel } from '@vueuse/core'
 
@@ -17,10 +17,18 @@ const modelValue = useVModel(props, 'modelValue', emits, {
   passive: true,
   defaultValue: props.defaultValue,
 })
+
+const inputRef = ref<HTMLInputElement | null>(null);
+
+defineExpose({
+    input: inputRef,
+    focus: () => inputRef.value?.focus()
+});
 </script>
 
 <template>
   <input
+    ref="inputRef"
     v-model="modelValue"
     data-slot="input"
     :class="cn(

From 87071446d070ebfa885569b036a63f315dbb3713 Mon Sep 17 00:00:00 2001
From: EduardRe <65927124+EduardRe@users.noreply.github.com>
Date: Sun, 6 Jul 2025 18:57:21 +0400
Subject: [PATCH 2/2] Update package-lock.json

---
 package-lock.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/package-lock.json b/package-lock.json
index 2a750663..9e59fcc7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,5 +1,5 @@
 {
-    "name": "TestStartUiKitVueLaravel",
+    "name": "vue-starter-kit",
     "lockfileVersion": 3,
     "requires": true,
     "packages": {