From be32a018c662bf8736edd965c8e1427a3c6d1714 Mon Sep 17 00:00:00 2001
From: Alexis <alexis.pele@pm.me>
Date: Mon, 11 Aug 2025 20:23:25 +0200
Subject: [PATCH] Added input focus on entity forms

---
 app/components/calendar/form/Create.vue | 4 ++++
 app/components/calendar/form/Update.vue | 4 ++++
 app/components/world/form/Create.vue    | 4 ++++
 app/components/world/form/Update.vue    | 4 ++++
 4 files changed, 16 insertions(+)

diff --git a/app/components/calendar/form/Create.vue b/app/components/calendar/form/Create.vue
index fe83a2f..2ea85da 100644
--- a/app/components/calendar/form/Create.vue
+++ b/app/components/calendar/form/Create.vue
@@ -16,6 +16,9 @@ onMounted(() => {
 type FormTabs = "global" | "months" | "today"
 const activeTab = ref<FormTabs>("global")
 
+const newCalendarName = shallowRef<HTMLInputElement>()
+useFocus(newCalendarName, { initialValue: true })
+
 /**
  * === Current date ===
  */
@@ -103,6 +106,7 @@ function handleFormCancel() {
         </UiTabsList>
         <UiTabsContent value="global" class="grid gap-4">
           <input
+            ref="newCalendarName"
             id="new-calendar-name"
             v-model="calendarSkeleton.name"
             type="text"
diff --git a/app/components/calendar/form/Update.vue b/app/components/calendar/form/Update.vue
index 996d65e..37a9799 100644
--- a/app/components/calendar/form/Update.vue
+++ b/app/components/calendar/form/Update.vue
@@ -17,6 +17,9 @@ onMounted(() => {
 type FormTabs = "global" | "months" | "today"
 const activeTab = ref<FormTabs>("global")
 
+const newCalendarName = shallowRef<HTMLInputElement>()
+useFocus(newCalendarName, { initialValue: true })
+
 /**
  * === Form Validation ===
  */
@@ -85,6 +88,7 @@ function handleFormCancel() {
         </UiTabsList>
         <UiTabsContent value="global" class="grid gap-4">
           <input
+            ref="newCalendarName"
             id="new-calendar-name"
             v-model="calendarSkeleton.name"
             type="text"
diff --git a/app/components/world/form/Create.vue b/app/components/world/form/Create.vue
index 5d3d522..70f0dbf 100644
--- a/app/components/world/form/Create.vue
+++ b/app/components/world/form/Create.vue
@@ -11,6 +11,9 @@ onMounted(() => {
   worldSkeleton.value = { ...defaultWorld }
 })
 
+const newWorldName = shallowRef<HTMLInputElement>()
+useFocus(newWorldName, { initialValue: true })
+
 const isLoading = ref<boolean>(false)
 
 /**
@@ -61,6 +64,7 @@ function handleFormCancel() {
     <form class="h-full grid grid-rows-[1fr_auto]" @submit.prevent="handleSubmit">
       <div class="grid gap-4">
         <input
+          ref="newWorldName"
           id="new-world-name"
           v-model="worldSkeleton.name"
           type="text"
diff --git a/app/components/world/form/Update.vue b/app/components/world/form/Update.vue
index 12a34d7..baa5a99 100644
--- a/app/components/world/form/Update.vue
+++ b/app/components/world/form/Update.vue
@@ -19,6 +19,9 @@ onMounted(() => {
   worldSkeleton.value = { ...props.world } as World
 })
 
+const newWorldName = shallowRef<HTMLInputElement>()
+useFocus(newWorldName, { initialValue: true })
+
 const isLoading = ref<boolean>(false)
 
 /**
@@ -75,6 +78,7 @@ function handleFormCancel() {
     <form class="h-full grid grid-rows-[1fr_auto]" @submit.prevent="handleSubmit">
       <div class="grid gap-4">
         <input
+          ref="newWorldName"
           id="new-world-name"
           v-model="worldSkeleton.name"
           type="text"