From 9034406a45df77aa3d64d5bdf27a952694ae94e5 Mon Sep 17 00:00:00 2001
From: Alexis <35.alexis.pele@gmail.com>
Date: Fri, 14 Mar 2025 15:49:36 +0100
Subject: [PATCH] Set initial focus for event search

---
 components/calendar/search/CalendarSearch.vue | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/components/calendar/search/CalendarSearch.vue b/components/calendar/search/CalendarSearch.vue
index 25f3376..92e4b80 100644
--- a/components/calendar/search/CalendarSearch.vue
+++ b/components/calendar/search/CalendarSearch.vue
@@ -29,6 +29,9 @@ import type { Category } from "~/models/Category"
 const { isAdvancedSearchOpen, allEvents } = storeToRefs(useCalendar())
 const { characters } = storeToRefs(useCharacters())
 
+const searchInput = shallowRef<HTMLInputElement>()
+useFocus(searchInput, { initialValue: true })
+
 const searchQuery = ref<string>("")
 // const searchEnough = computed<boolean>(() => searchQuery.value.length >= 2)
 
@@ -281,6 +284,7 @@ function handleCategoryUnselect(e: Category) {
         <div class="relative w-full h-fit">
           <UiInput
             id="search"
+            ref="searchInput"
             v-model:model-value="searchQuery"
             type="text"
             :placeholder="$t('entity.advancedSearch.ctaPlaceholder')"
@@ -321,7 +325,7 @@ function handleCategoryUnselect(e: Category) {
               <ComboboxRoot
                 v-model="selectedCategories"
                 v-model:open="categoryFilterOpened"
-                v-model:searchTerm="searchCategory"
+                v-model:search-term="searchCategory"
                 class="grow flex items-center gap-y-1 pr-2"
               >
                 <ComboboxAnchor as-child>