From: Adam Dullage <redacted>
Date: Sat, 4 May 2024 10:52:30 +0000 (+0100)
Subject: Add exposed focus function to TextInput component
X-Git-Url: http://git.99rst.org/?a=commitdiff_plain;h=c724d06edeb7fd95eec9be14e15ad44349423eff;p=flatnotes.git

Add exposed focus function to TextInput component
---

diff --git a/client/components/TextInput.vue b/client/components/TextInput.vue
index 204f631..4f93c3e 100644
--- a/client/components/TextInput.vue
+++ b/client/components/TextInput.vue
@@ -4,9 +4,19 @@
     class="w-full rounded border border-theme-border bg-theme-background-elevated px-3 py-2 focus:outline-none focus:ring-1"
     placeholder="Search"
     v-model="model"
+    ref="input"
   />
 </template>
 
 <script setup>
-const model = defineModel()
+import { ref } from "vue";
+
+const model = defineModel();
+const input = ref();
+
+function focus() {
+  input.value.focus();
+}
+
+defineExpose({ focus });
 </script>