From 45b21433539b0ec2a9d2227991a4a81fccd60dd5 Mon Sep 17 00:00:00 2001
From: Jaroslav Drzik <jaroslav.drzik@gmail.com>
Date: Wed, 28 Dec 2022 06:14:48 +0100
Subject: [PATCH] Init

---
 resources/js/Components/TextInput.vue | 26 ++++++++++++++++++++++++++
 1 file changed, 26 insertions(+)
 create mode 100644 resources/js/Components/TextInput.vue

diff --git a/resources/js/Components/TextInput.vue b/resources/js/Components/TextInput.vue
new file mode 100644
index 0000000..ccc6d53
--- /dev/null
+++ b/resources/js/Components/TextInput.vue
@@ -0,0 +1,26 @@
+<script setup>
+import { onMounted, ref } from 'vue';
+
+defineProps(['modelValue']);
+
+defineEmits(['update:modelValue']);
+
+const input = ref(null);
+
+onMounted(() => {
+    if (input.value.hasAttribute('autofocus')) {
+        input.value.focus();
+    }
+});
+
+defineExpose({ focus: () => input.value.focus() });
+</script>
+
+<template>
+    <input
+        class="border-gray-300 focus:border-indigo-500 focus:ring-indigo-500 rounded-md shadow-sm"
+        :value="modelValue"
+        @input="$emit('update:modelValue', $event.target.value)"
+        ref="input"
+    />
+</template>