From 8e5a426ad999688159389eeb7c3f106fc50d20f7 Mon Sep 17 00:00:00 2001
From: Christian Sternagel <c.sternagel@gmail.com>
Date: Fri, 15 Mar 2024 19:16:05 +0100
Subject: [PATCH] focus v-select upon initial creation of card

---
 src/components/card.vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/card.vue b/src/components/card.vue
index 4dd1efe..3a77791 100644
--- a/src/components/card.vue
+++ b/src/components/card.vue
@@ -2,7 +2,7 @@
     <div class="card" :id="id">
         <div class="card-header">
             <button @click="previous" :disabled="noPrevious()"><icon id="arrow-left" :button="true"></icon></button>
-            <v-select :options="options" v-model="selected" placeholder="Start typing..."></v-select>
+            <v-select ref="inputSelected" :options="options" v-model="selected" placeholder="Start typing..."></v-select>
             <button @click="next" :disabled="noNext()"><icon id="arrow-right" :button="true"></icon></button>
             <button class="remove-card" @click="$emit('dismiss', id)"><icon id="cross" :button="true"></icon></button>
         </div>
@@ -130,5 +130,11 @@
                 this.selected = this.preSelected;
             }
         },
+
+        mounted() {
+            if (!this.selected) {
+                this.$refs.inputSelected.$refs.search.focus();
+            }
+        },
     };
-</script>
\ No newline at end of file
+</script>