From 8df787f54ad801dc2d4704c9bff8a396c6391b01 Mon Sep 17 00:00:00 2001
From: Svyatoslav Kryukov <me@skryukov.dev>
Date: Wed, 10 Sep 2025 14:57:40 +0300
Subject: [PATCH] Migrate to Form component

---
 Gemfile.lock                                  |  10 +-
 app/frontend/components/DeleteUser.vue        |  41 ++--
 .../pages/identity/password_resets/edit.vue   |  47 ++---
 .../pages/identity/password_resets/new.vue    |  27 +--
 app/frontend/pages/sessions/new.vue           |  36 ++--
 app/frontend/pages/settings/emails/show.vue   |  54 ++---
 .../pages/settings/passwords/show.vue         |  68 ++-----
 app/frontend/pages/settings/profiles/show.vue |  34 ++--
 app/frontend/pages/users/new.vue              |  48 ++---
 package-lock.json                             | 192 +++++++++---------
 10 files changed, 235 insertions(+), 322 deletions(-)

diff --git a/Gemfile.lock b/Gemfile.lock
index dc6014f..1a7e750 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -225,7 +225,7 @@ GEM
       date
       stringio
     public_suffix (6.0.2)
-    puma (7.0.1)
+    puma (7.0.2)
       nio4r (~> 2.0)
     raabro (1.4.0)
     racc (1.8.1)
@@ -348,7 +348,7 @@ GEM
       fugit (~> 1.11.0)
       railties (>= 7.1)
       thor (>= 1.3.1)
-    sorbet-runtime (0.6.12495)
+    sorbet-runtime (0.6.12507)
     sqlite3 (2.7.3-aarch64-linux-gnu)
     sqlite3 (2.7.3-aarch64-linux-musl)
     sqlite3 (2.7.3-arm-linux-gnu)
@@ -372,9 +372,9 @@ GEM
     timeout (0.4.3)
     tzinfo (2.0.6)
       concurrent-ruby (~> 1.0)
-    unicode-display_width (3.1.5)
-      unicode-emoji (~> 4.0, >= 4.0.4)
-    unicode-emoji (4.0.4)
+    unicode-display_width (3.2.0)
+      unicode-emoji (~> 4.1)
+    unicode-emoji (4.1.0)
     uri (1.0.3)
     useragent (0.16.11)
     vite_rails (3.0.19)
diff --git a/app/frontend/components/DeleteUser.vue b/app/frontend/components/DeleteUser.vue
index bba12f3..a26ab60 100644
--- a/app/frontend/components/DeleteUser.vue
+++ b/app/frontend/components/DeleteUser.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { useForm } from "@inertiajs/vue3"
+import { Form } from "@inertiajs/vue3"
 import { ref } from "vue"
 
 import HeadingSmall from "@/components/HeadingSmall.vue"
@@ -20,26 +20,6 @@ import { Label } from "@/components/ui/label"
 import { usersPath } from "@/routes"
 
 const passwordInput = ref<HTMLInputElement | null>(null)
-
-const form = useForm({
-  password_challenge: "",
-})
-
-const deleteUser = (e: Event) => {
-  e.preventDefault()
-
-  form.delete(usersPath(), {
-    preserveScroll: true,
-    onSuccess: () => closeModal(),
-    onError: () => passwordInput.value?.focus(),
-    onFinish: () => form.reset(),
-  })
-}
-
-const closeModal = () => {
-  form.clearErrors()
-  form.reset()
-}
 </script>
 
 <template>
@@ -62,7 +42,15 @@ const closeModal = () => {
           <Button variant="destructive">Delete account</Button>
         </DialogTrigger>
         <DialogContent>
-          <form class="space-y-6" @submit="deleteUser">
+          <Form
+            method="delete"
+            :action="usersPath()"
+            :options="{ preserveScroll: true }"
+            :onError="() => passwordInput?.focus()"
+            resetOnSuccess
+            className="space-y-6"
+            #default="{ resetAndClearErrors, processing, errors }"
+          >
             <DialogHeader class="space-y-3">
               <DialogTitle
                 >Are you sure you want to delete your account?</DialogTitle
@@ -81,15 +69,14 @@ const closeModal = () => {
                 type="password"
                 name="password_challenge"
                 ref="passwordInput"
-                v-model="form.password_challenge"
                 placeholder="Password"
               />
-              <InputError :message="form.errors.password_challenge" />
+              <InputError :message="errors.password_challenge" />
             </div>
 
             <DialogFooter class="gap-2">
               <DialogClose as-child>
-                <Button variant="secondary" @click="closeModal">
+                <Button variant="secondary" @click="resetAndClearErrors">
                   Cancel
                 </Button>
               </DialogClose>
@@ -97,12 +84,12 @@ const closeModal = () => {
               <Button
                 type="submit"
                 variant="destructive"
-                :disabled="form.processing"
+                :disabled="processing"
               >
                 Delete account
               </Button>
             </DialogFooter>
-          </form>
+          </Form>
         </DialogContent>
       </Dialog>
     </div>
diff --git a/app/frontend/pages/identity/password_resets/edit.vue b/app/frontend/pages/identity/password_resets/edit.vue
index 01af7d6..8adcbf9 100644
--- a/app/frontend/pages/identity/password_resets/edit.vue
+++ b/app/frontend/pages/identity/password_resets/edit.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Head, useForm } from "@inertiajs/vue3"
+import { Form, Head } from "@inertiajs/vue3"
 import { LoaderCircle } from "lucide-vue-next"
 
 import InputError from "@/components/InputError.vue"
@@ -15,21 +15,6 @@ interface Props {
 }
 
 const props = defineProps<Props>()
-
-const form = useForm({
-  sid: props.sid,
-  email: props.email,
-  password: "",
-  password_confirmation: "",
-})
-
-const submit = () => {
-  form.put(identityPasswordResetPath(), {
-    onFinish: () => {
-      form.reset("password", "password_confirmation")
-    },
-  })
-}
 </script>
 
 <template>
@@ -39,56 +24,60 @@ const submit = () => {
   >
     <Head title="Reset password" />
 
-    <form @submit.prevent="submit">
+    <Form
+      method="put"
+      :action="identityPasswordResetPath()"
+      :transform="(data) => ({ ...data, sid, email })"
+      :resetOnSuccess="['password', 'password_confirmation']"
+      #default="{ errors, processing }"
+    >
       <div class="grid gap-6">
         <div class="grid gap-2">
           <Label for="email">Email</Label>
           <Input
             id="email"
-            type="email"
             name="email"
+            type="email"
             autocomplete="email"
-            v-model="form.email"
+            :defaultValue="props.email"
             class="mt-1 block w-full"
             readonly
           />
-          <InputError :message="form.errors.email" class="mt-2" />
+          <InputError :message="errors.email" class="mt-2" />
         </div>
 
         <div class="grid gap-2">
           <Label for="password">Password</Label>
           <Input
             id="password"
-            type="password"
             name="password"
+            type="password"
             autocomplete="new-password"
-            v-model="form.password"
             class="mt-1 block w-full"
             autofocus
             placeholder="Password"
           />
-          <InputError :message="form.errors.password" />
+          <InputError :message="errors.password" />
         </div>
 
         <div class="grid gap-2">
           <Label for="password_confirmation"> Confirm Password </Label>
           <Input
             id="password_confirmation"
-            type="password"
             name="password_confirmation"
+            type="password"
             autocomplete="new-password"
-            v-model="form.password_confirmation"
             class="mt-1 block w-full"
             placeholder="Confirm password"
           />
-          <InputError :message="form.errors.password_confirmation" />
+          <InputError :message="errors.password_confirmation" />
         </div>
 
-        <Button type="submit" class="mt-4 w-full" :disabled="form.processing">
-          <LoaderCircle v-if="form.processing" class="h-4 w-4 animate-spin" />
+        <Button type="submit" class="mt-4 w-full" :disabled="processing">
+          <LoaderCircle v-if="processing" class="h-4 w-4 animate-spin" />
           Reset password
         </Button>
       </div>
-    </form>
+    </Form>
   </AuthLayout>
 </template>
diff --git a/app/frontend/pages/identity/password_resets/new.vue b/app/frontend/pages/identity/password_resets/new.vue
index 692359d..9b78afa 100644
--- a/app/frontend/pages/identity/password_resets/new.vue
+++ b/app/frontend/pages/identity/password_resets/new.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Head, useForm } from "@inertiajs/vue3"
+import { Form, Head } from "@inertiajs/vue3"
 import { LoaderCircle } from "lucide-vue-next"
 
 import InputError from "@/components/InputError.vue"
@@ -9,14 +9,6 @@ import { Input } from "@/components/ui/input"
 import { Label } from "@/components/ui/label"
 import AuthLayout from "@/layouts/AuthLayout.vue"
 import { identityPasswordResetPath, signInPath } from "@/routes"
-
-const form = useForm({
-  email: "",
-})
-
-const submit = () => {
-  form.post(identityPasswordResetPath())
-}
 </script>
 
 <template>
@@ -27,28 +19,31 @@ const submit = () => {
     <Head title="Forgot password" />
 
     <div class="space-y-6">
-      <form @submit.prevent="submit">
+      <Form
+        method="post"
+        :action="identityPasswordResetPath()"
+        #default="{ errors, processing }"
+      >
         <div class="grid gap-2">
           <Label for="email">Email address</Label>
           <Input
             id="email"
-            type="email"
             name="email"
+            type="email"
             autocomplete="off"
-            v-model="form.email"
             autofocus
             placeholder="email@example.com"
           />
-          <InputError :message="form.errors.email" />
+          <InputError :message="errors.email" />
         </div>
 
         <div class="my-6 flex items-center justify-start">
-          <Button class="w-full" :disabled="form.processing">
-            <LoaderCircle v-if="form.processing" class="h-4 w-4 animate-spin" />
+          <Button class="w-full" :disabled="processing">
+            <LoaderCircle v-if="processing" class="h-4 w-4 animate-spin" />
             Email password reset link
           </Button>
         </div>
-      </form>
+      </Form>
 
       <div class="text-muted-foreground space-x-1 text-center text-sm">
         <span>Or, return to</span>
diff --git a/app/frontend/pages/sessions/new.vue b/app/frontend/pages/sessions/new.vue
index f4ff549..132fccb 100644
--- a/app/frontend/pages/sessions/new.vue
+++ b/app/frontend/pages/sessions/new.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Head, useForm } from "@inertiajs/vue3"
+import { Form, Head } from "@inertiajs/vue3"
 import { LoaderCircle } from "lucide-vue-next"
 
 import InputError from "@/components/InputError.vue"
@@ -9,18 +9,6 @@ import { Input } from "@/components/ui/input"
 import { Label } from "@/components/ui/label"
 import AuthBase from "@/layouts/AuthLayout.vue"
 import { newIdentityPasswordResetPath, signInPath, signUpPath } from "@/routes"
-
-const form = useForm({
-  email: "",
-  password: "",
-  remember: false,
-})
-
-const submit = () => {
-  form.post(signInPath(), {
-    onFinish: () => form.reset("password"),
-  })
-}
 </script>
 
 <template>
@@ -30,21 +18,27 @@ const submit = () => {
   >
     <Head title="Log in" />
 
-    <form @submit.prevent="submit" class="flex flex-col gap-6">
+    <Form
+      method="post"
+      :action="signInPath()"
+      :resetOnSuccess="['password']"
+      class="flex flex-col gap-6"
+      #default="{ errors, processing }"
+    >
       <div class="grid gap-6">
         <div class="grid gap-2">
           <Label for="email">Email address</Label>
           <Input
             id="email"
+            name="email"
             type="email"
             required
             autofocus
             :tabindex="1"
             autocomplete="email"
-            v-model="form.email"
             placeholder="email@example.com"
           />
-          <InputError :message="form.errors.email" />
+          <InputError :message="errors.email" />
         </div>
 
         <div class="grid gap-2">
@@ -60,23 +54,23 @@ const submit = () => {
           </div>
           <Input
             id="password"
+            name="password"
             type="password"
             required
             :tabindex="2"
             autocomplete="current-password"
-            v-model="form.password"
             placeholder="Password"
           />
-          <InputError :message="form.errors.password" />
+          <InputError :message="errors.password" />
         </div>
 
         <Button
           type="submit"
           class="mt-4 w-full"
           :tabindex="4"
-          :disabled="form.processing"
+          :disabled="processing"
         >
-          <LoaderCircle v-if="form.processing" class="h-4 w-4 animate-spin" />
+          <LoaderCircle v-if="processing" class="h-4 w-4 animate-spin" />
           Log in
         </Button>
       </div>
@@ -85,6 +79,6 @@ const submit = () => {
         Don't have an account?
         <TextLink :href="signUpPath()" :tabindex="5">Sign up</TextLink>
       </div>
-    </form>
+    </Form>
   </AuthBase>
 </template>
diff --git a/app/frontend/pages/settings/emails/show.vue b/app/frontend/pages/settings/emails/show.vue
index b550670..75762a5 100644
--- a/app/frontend/pages/settings/emails/show.vue
+++ b/app/frontend/pages/settings/emails/show.vue
@@ -1,7 +1,5 @@
 <script setup lang="ts">
-import type { Errors } from "@inertiajs/core"
-import { Head, Link, useForm, usePage } from "@inertiajs/vue3"
-import { ref } from "vue"
+import { Form, Head, Link, usePage } from "@inertiajs/vue3"
 
 import HeadingSmall from "@/components/HeadingSmall.vue"
 import InputError from "@/components/InputError.vue"
@@ -20,30 +18,8 @@ const breadcrumbs: BreadcrumbItem[] = [
   },
 ]
 
-const currentPasswordInput = ref<HTMLInputElement | null>(null)
-
 const page = usePage()
 const user = page.props.auth.user as User
-
-const form = useForm({
-  password_challenge: "",
-  email: user.email,
-})
-
-const submit = () => {
-  form.patch(settingsEmailPath(), {
-    preserveScroll: true,
-    onSuccess: () => form.reset("password_challenge"),
-    onError: (errors: Errors) => {
-      if (errors.password_challenge) {
-        form.reset("password_challenge")
-        if (currentPasswordInput.value instanceof HTMLInputElement) {
-          currentPasswordInput.value.focus()
-        }
-      }
-    },
-  })
-}
 </script>
 
 <template>
@@ -57,21 +33,30 @@ const submit = () => {
           description="Update your email address and verify it"
         />
 
-        <form @submit.prevent="submit" class="space-y-6">
+        <Form
+          method="patch"
+          :action="settingsEmailPath()"
+          :options="{ preserveScroll: true }"
+          :resetOnError="['password_challenge']"
+          :resetOnSuccess="['password_challenge']"
+          class="space-y-6"
+          #default="{ errors, processing, recentlySuccessful }"
+        >
           <div class="grid gap-2">
             <Label for="email">Email address</Label>
 
             <Input
               id="email"
+              name="email"
               type="email"
               class="mt-1 block w-full"
-              v-model="form.email"
+              :defaultValue="user.email"
               required
               autocomplete="username"
               placeholder="Email address"
             />
 
-            <InputError class="mt-2" :message="form.errors.email" />
+            <InputError class="mt-2" :message="errors.email" />
           </div>
 
           <div v-if="!user.verified">
@@ -93,19 +78,19 @@ const submit = () => {
 
             <Input
               id="password_challenge"
+              name="password_challenge"
               ref="currentPasswordInput"
-              v-model="form.password_challenge"
               type="password"
               class="mt-1 block w-full"
               autocomplete="current-password"
               placeholder="Current password"
             />
 
-            <InputError :message="form.errors.password_challenge" />
+            <InputError :message="errors.password_challenge" />
           </div>
 
           <div class="flex items-center gap-4">
-            <Button :disabled="form.processing">Save</Button>
+            <Button :disabled="processing">Save</Button>
 
             <Transition
               enter-active-class="transition ease-in-out"
@@ -113,15 +98,12 @@ const submit = () => {
               leave-active-class="transition ease-in-out"
               leave-to-class="opacity-0"
             >
-              <p
-                v-show="form.recentlySuccessful"
-                class="text-sm text-neutral-600"
-              >
+              <p v-show="recentlySuccessful" class="text-sm text-neutral-600">
                 Saved
               </p>
             </Transition>
           </div>
-        </form>
+        </Form>
       </div>
     </SettingsLayout>
   </AppLayout>
diff --git a/app/frontend/pages/settings/passwords/show.vue b/app/frontend/pages/settings/passwords/show.vue
index a884786..481b053 100644
--- a/app/frontend/pages/settings/passwords/show.vue
+++ b/app/frontend/pages/settings/passwords/show.vue
@@ -1,7 +1,5 @@
 <script setup lang="ts">
-import type { Errors } from "@inertiajs/core"
-import { Head, useForm } from "@inertiajs/vue3"
-import { ref } from "vue"
+import { Form, Head } from "@inertiajs/vue3"
 
 import HeadingSmall from "@/components/HeadingSmall.vue"
 import InputError from "@/components/InputError.vue"
@@ -19,37 +17,6 @@ const breadcrumbs: BreadcrumbItem[] = [
     href: settingsPasswordPath(),
   },
 ]
-
-const passwordInput = ref<HTMLInputElement | null>(null)
-const currentPasswordInput = ref<HTMLInputElement | null>(null)
-
-const form = useForm({
-  password_challenge: "",
-  password: "",
-  password_confirmation: "",
-})
-
-const updatePassword = () => {
-  form.put(settingsPasswordPath(), {
-    preserveScroll: true,
-    onSuccess: () => form.reset(),
-    onError: (errors: Errors) => {
-      if (errors.password) {
-        form.reset("password", "password_confirmation")
-        if (passwordInput.value instanceof HTMLInputElement) {
-          passwordInput.value.focus()
-        }
-      }
-
-      if (errors.password_challenge) {
-        form.reset("password_challenge")
-        if (currentPasswordInput.value instanceof HTMLInputElement) {
-          currentPasswordInput.value.focus()
-        }
-      }
-    },
-  })
-}
 </script>
 
 <template>
@@ -63,50 +30,56 @@ const updatePassword = () => {
           description="Ensure your account is using a long, random password to stay secure"
         />
 
-        <form @submit.prevent="updatePassword" class="space-y-6">
+        <Form
+          class="space-y-6"
+          method="put"
+          :action="settingsPasswordPath()"
+          :options="{ preserveScroll: true }"
+          resetOnError
+          resetOnSuccess
+          #default="{ errors, processing, recentlySuccessful }"
+        >
           <div class="grid gap-2">
             <Label for="password_challenge">Current password</Label>
             <Input
               id="password_challenge"
-              ref="currentPasswordInput"
-              v-model="form.password_challenge"
+              name="password_challenge"
               type="password"
               class="mt-1 block w-full"
               autocomplete="current-password"
               placeholder="Current password"
             />
-            <InputError :message="form.errors.password_challenge" />
+            <InputError :message="errors.password_challenge" />
           </div>
 
           <div class="grid gap-2">
             <Label for="password">New password</Label>
             <Input
               id="password"
-              ref="passwordInput"
-              v-model="form.password"
+              name="password"
               type="password"
               class="mt-1 block w-full"
               autocomplete="new-password"
               placeholder="New password"
             />
-            <InputError :message="form.errors.password" />
+            <InputError :message="errors.password" />
           </div>
 
           <div class="grid gap-2">
             <Label for="password_confirmation">Confirm password</Label>
             <Input
               id="password_confirmation"
-              v-model="form.password_confirmation"
+              name="password_confirmation"
               type="password"
               class="mt-1 block w-full"
               autocomplete="new-password"
               placeholder="Confirm password"
             />
-            <InputError :message="form.errors.password_confirmation" />
+            <InputError :message="errors.password_confirmation" />
           </div>
 
           <div class="flex items-center gap-4">
-            <Button :disabled="form.processing">Save password</Button>
+            <Button :disabled="processing">Save password</Button>
 
             <Transition
               enter-active-class="transition ease-in-out"
@@ -114,15 +87,12 @@ const updatePassword = () => {
               leave-active-class="transition ease-in-out"
               leave-to-class="opacity-0"
             >
-              <p
-                v-show="form.recentlySuccessful"
-                class="text-sm text-neutral-600"
-              >
+              <p v-show="recentlySuccessful" class="text-sm text-neutral-600">
                 Saved.
               </p>
             </Transition>
           </div>
-        </form>
+        </Form>
       </div>
     </SettingsLayout>
   </AppLayout>
diff --git a/app/frontend/pages/settings/profiles/show.vue b/app/frontend/pages/settings/profiles/show.vue
index 38c86c9..055e3a6 100644
--- a/app/frontend/pages/settings/profiles/show.vue
+++ b/app/frontend/pages/settings/profiles/show.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Head, useForm, usePage } from "@inertiajs/vue3"
+import { Form, Head, usePage } from "@inertiajs/vue3"
 
 import DeleteUser from "@/components/DeleteUser.vue"
 import HeadingSmall from "@/components/HeadingSmall.vue"
@@ -21,16 +21,6 @@ const breadcrumbs: BreadcrumbItem[] = [
 
 const page = usePage()
 const user = page.props.auth.user as User
-
-const form = useForm({
-  name: user.name,
-})
-
-const submit = () => {
-  form.patch(settingsProfilePath(), {
-    preserveScroll: true,
-  })
-}
 </script>
 
 <template>
@@ -44,22 +34,29 @@ const submit = () => {
           description="Update your name and email address"
         />
 
-        <form @submit.prevent="submit" class="space-y-6">
+        <Form
+          method="patch"
+          :action="settingsProfilePath()"
+          :options="{ preserveScroll: true }"
+          class="space-y-6"
+          #default="{ errors, processing, recentlySuccessful }"
+        >
           <div class="grid gap-2">
             <Label for="name">Name</Label>
             <Input
               id="name"
+              name="name"
+              :defaultValue="user.name"
               class="mt-1 block w-full"
-              v-model="form.name"
               required
               autocomplete="name"
               placeholder="Full name"
             />
-            <InputError class="mt-2" :message="form.errors.name" />
+            <InputError class="mt-2" :message="errors.name" />
           </div>
 
           <div class="flex items-center gap-4">
-            <Button :disabled="form.processing">Save</Button>
+            <Button :disabled="processing">Save</Button>
 
             <Transition
               enter-active-class="transition ease-in-out"
@@ -67,15 +64,12 @@ const submit = () => {
               leave-active-class="transition ease-in-out"
               leave-to-class="opacity-0"
             >
-              <p
-                v-show="form.recentlySuccessful"
-                class="text-sm text-neutral-600"
-              >
+              <p v-show="recentlySuccessful" class="text-sm text-neutral-600">
                 Saved.
               </p>
             </Transition>
           </div>
-        </form>
+        </Form>
       </div>
 
       <DeleteUser />
diff --git a/app/frontend/pages/users/new.vue b/app/frontend/pages/users/new.vue
index 5e4f4ed..085115a 100644
--- a/app/frontend/pages/users/new.vue
+++ b/app/frontend/pages/users/new.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { Head, useForm } from "@inertiajs/vue3"
+import { Form, Head } from "@inertiajs/vue3"
 import { LoaderCircle } from "lucide-vue-next"
 
 import InputError from "@/components/InputError.vue"
@@ -9,19 +9,6 @@ import { Input } from "@/components/ui/input"
 import { Label } from "@/components/ui/label"
 import AuthBase from "@/layouts/AuthLayout.vue"
 import { signInPath, signUpPath } from "@/routes"
-
-const form = useForm({
-  name: "",
-  email: "",
-  password: "",
-  password_confirmation: "",
-})
-
-const submit = () => {
-  form.post(signUpPath(), {
-    onFinish: () => form.reset("password", "password_confirmation"),
-  })
-}
 </script>
 
 <template>
@@ -31,72 +18,79 @@ const submit = () => {
   >
     <Head title="Register" />
 
-    <form @submit.prevent="submit" class="flex flex-col gap-6">
+    <Form
+      method="post"
+      :action="signUpPath()"
+      :resetOnSuccess="['password', 'password_confirmation']"
+      disableWhileProcessing
+      class="flex flex-col gap-6"
+      #default="{ errors, processing }"
+    >
       <div class="grid gap-6">
         <div class="grid gap-2">
           <Label for="name">Name</Label>
           <Input
             id="name"
+            name="name"
             type="text"
             required
             autofocus
             :tabindex="1"
             autocomplete="name"
-            v-model="form.name"
             placeholder="Full name"
           />
-          <InputError :message="form.errors.name" />
+          <InputError :message="errors.name" />
         </div>
 
         <div class="grid gap-2">
           <Label for="email">Email address</Label>
           <Input
             id="email"
+            name="email"
             type="email"
             required
             :tabindex="2"
             autocomplete="email"
-            v-model="form.email"
             placeholder="email@example.com"
           />
-          <InputError :message="form.errors.email" />
+          <InputError :message="errors.email" />
         </div>
 
         <div class="grid gap-2">
           <Label for="password">Password</Label>
           <Input
             id="password"
+            name="password"
             type="password"
             required
             :tabindex="3"
             autocomplete="new-password"
-            v-model="form.password"
             placeholder="Password"
           />
-          <InputError :message="form.errors.password" />
+          <InputError :message="errors.password" />
         </div>
 
         <div class="grid gap-2">
           <Label for="password_confirmation">Confirm password</Label>
           <Input
             id="password_confirmation"
+            name="password_confirmation"
             type="password"
             required
             :tabindex="4"
             autocomplete="new-password"
-            v-model="form.password_confirmation"
             placeholder="Confirm password"
           />
-          <InputError :message="form.errors.password_confirmation" />
+          <InputError :message="errors.password_confirmation" />
         </div>
 
         <Button
           type="submit"
           class="mt-2 w-full"
-          tabindex="5"
-          :disabled="form.processing"
+          :tabindex="5"
+          :disabled="processing"
         >
-          <LoaderCircle v-if="form.processing" class="h-4 w-4 animate-spin" />
+          <LoaderCircle v-if="processing" class="h-4 w-4 animate-spin" />
           Create account
         </Button>
       </div>
@@ -110,6 +104,6 @@ const submit = () => {
           >Log in</TextLink
         >
       </div>
-    </form>
+    </Form>
   </AuthBase>
 </template>
diff --git a/package-lock.json b/package-lock.json
index de9f691..8b17607 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3400,9 +3400,9 @@
       }
     },
     "node_modules/@poppinss/dumper/node_modules/supports-color": {
-      "version": "10.2.0",
-      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-10.2.0.tgz",
-      "integrity": "sha512-5eG9FQjEjDbAlI5+kdpdyPIBMRH4GfTVDGREVupaZHmVoppknhM29b/S9BkQz7cathp85BVgRi/As3Siln7e0Q==",
+      "version": "10.2.2",
+      "resolved": "https://registry.npmjs.org/supports-color/-/supports-color-10.2.2.tgz",
+      "integrity": "sha512-SS+jx45GF1QjgEXQx4NJZV9ImqmO2NPz5FNsIHrsDjh2YsHnawpan7SNQ1o8NuhrbHZy9AZhIoCUiCeaW/C80g==",
       "license": "MIT",
       "engines": {
         "node": ">=18"
@@ -4344,17 +4344,17 @@
       "license": "MIT"
     },
     "node_modules/@typescript-eslint/eslint-plugin": {
-      "version": "8.42.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.42.0.tgz",
-      "integrity": "sha512-Aq2dPqsQkxHOLfb2OPv43RnIvfj05nw8v/6n3B2NABIPpHnjQnaLo9QGMTvml+tv4korl/Cjfrb/BYhoL8UUTQ==",
+      "version": "8.43.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.43.0.tgz",
+      "integrity": "sha512-8tg+gt7ENL7KewsKMKDHXR1vm8tt9eMxjJBYINf6swonlWgkYn5NwyIgXpbbDxTNU5DgpDFfj95prcTq2clIQQ==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/regexpp": "^4.10.0",
-        "@typescript-eslint/scope-manager": "8.42.0",
-        "@typescript-eslint/type-utils": "8.42.0",
-        "@typescript-eslint/utils": "8.42.0",
-        "@typescript-eslint/visitor-keys": "8.42.0",
+        "@typescript-eslint/scope-manager": "8.43.0",
+        "@typescript-eslint/type-utils": "8.43.0",
+        "@typescript-eslint/utils": "8.43.0",
+        "@typescript-eslint/visitor-keys": "8.43.0",
         "graphemer": "^1.4.0",
         "ignore": "^7.0.0",
         "natural-compare": "^1.4.0",
@@ -4368,7 +4368,7 @@
         "url": "https://opencollective.com/typescript-eslint"
       },
       "peerDependencies": {
-        "@typescript-eslint/parser": "^8.42.0",
+        "@typescript-eslint/parser": "^8.43.0",
         "eslint": "^8.57.0 || ^9.0.0",
         "typescript": ">=4.8.4 <6.0.0"
       }
@@ -4384,16 +4384,16 @@
       }
     },
     "node_modules/@typescript-eslint/parser": {
-      "version": "8.42.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.42.0.tgz",
-      "integrity": "sha512-r1XG74QgShUgXph1BYseJ+KZd17bKQib/yF3SR+demvytiRXrwd12Blnz5eYGm8tXaeRdd4x88MlfwldHoudGg==",
+      "version": "8.43.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/parser/-/parser-8.43.0.tgz",
+      "integrity": "sha512-B7RIQiTsCBBmY+yW4+ILd6mF5h1FUwJsVvpqkrgpszYifetQ2Ke+Z4u6aZh0CblkUGIdR59iYVyXqqZGkZ3aBw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/scope-manager": "8.42.0",
-        "@typescript-eslint/types": "8.42.0",
-        "@typescript-eslint/typescript-estree": "8.42.0",
-        "@typescript-eslint/visitor-keys": "8.42.0",
+        "@typescript-eslint/scope-manager": "8.43.0",
+        "@typescript-eslint/types": "8.43.0",
+        "@typescript-eslint/typescript-estree": "8.43.0",
+        "@typescript-eslint/visitor-keys": "8.43.0",
         "debug": "^4.3.4"
       },
       "engines": {
@@ -4409,14 +4409,14 @@
       }
     },
     "node_modules/@typescript-eslint/project-service": {
-      "version": "8.42.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.42.0.tgz",
-      "integrity": "sha512-vfVpLHAhbPjilrabtOSNcUDmBboQNrJUiNAGoImkZKnMjs2TIcWG33s4Ds0wY3/50aZmTMqJa6PiwkwezaAklg==",
+      "version": "8.43.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/project-service/-/project-service-8.43.0.tgz",
+      "integrity": "sha512-htB/+D/BIGoNTQYffZw4uM4NzzuolCoaA/BusuSIcC8YjmBYQioew5VUZAYdAETPjeed0hqCaW7EHg+Robq8uw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/tsconfig-utils": "^8.42.0",
-        "@typescript-eslint/types": "^8.42.0",
+        "@typescript-eslint/tsconfig-utils": "^8.43.0",
+        "@typescript-eslint/types": "^8.43.0",
         "debug": "^4.3.4"
       },
       "engines": {
@@ -4431,14 +4431,14 @@
       }
     },
     "node_modules/@typescript-eslint/scope-manager": {
-      "version": "8.42.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.42.0.tgz",
-      "integrity": "sha512-51+x9o78NBAVgQzOPd17DkNTnIzJ8T/O2dmMBLoK9qbY0Gm52XJcdJcCl18ExBMiHo6jPMErUQWUv5RLE51zJw==",
+      "version": "8.43.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/scope-manager/-/scope-manager-8.43.0.tgz",
+      "integrity": "sha512-daSWlQ87ZhsjrbMLvpuuMAt3y4ba57AuvadcR7f3nl8eS3BjRc8L9VLxFLk92RL5xdXOg6IQ+qKjjqNEimGuAg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.42.0",
-        "@typescript-eslint/visitor-keys": "8.42.0"
+        "@typescript-eslint/types": "8.43.0",
+        "@typescript-eslint/visitor-keys": "8.43.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -4449,9 +4449,9 @@
       }
     },
     "node_modules/@typescript-eslint/tsconfig-utils": {
-      "version": "8.42.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.42.0.tgz",
-      "integrity": "sha512-kHeFUOdwAJfUmYKjR3CLgZSglGHjbNTi1H8sTYRYV2xX6eNz4RyJ2LIgsDLKf8Yi0/GL1WZAC/DgZBeBft8QAQ==",
+      "version": "8.43.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/tsconfig-utils/-/tsconfig-utils-8.43.0.tgz",
+      "integrity": "sha512-ALC2prjZcj2YqqL5X/bwWQmHA2em6/94GcbB/KKu5SX3EBDOsqztmmX1kMkvAJHzxk7TazKzJfFiEIagNV3qEA==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -4466,15 +4466,15 @@
       }
     },
     "node_modules/@typescript-eslint/type-utils": {
-      "version": "8.42.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.42.0.tgz",
-      "integrity": "sha512-9KChw92sbPTYVFw3JLRH1ockhyR3zqqn9lQXol3/YbI6jVxzWoGcT3AsAW0mu1MY0gYtsXnUGV/AKpkAj5tVlQ==",
+      "version": "8.43.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/type-utils/-/type-utils-8.43.0.tgz",
+      "integrity": "sha512-qaH1uLBpBuBBuRf8c1mLJ6swOfzCXryhKND04Igr4pckzSEW9JX5Aw9AgW00kwfjWJF0kk0ps9ExKTfvXfw4Qg==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.42.0",
-        "@typescript-eslint/typescript-estree": "8.42.0",
-        "@typescript-eslint/utils": "8.42.0",
+        "@typescript-eslint/types": "8.43.0",
+        "@typescript-eslint/typescript-estree": "8.43.0",
+        "@typescript-eslint/utils": "8.43.0",
         "debug": "^4.3.4",
         "ts-api-utils": "^2.1.0"
       },
@@ -4491,9 +4491,9 @@
       }
     },
     "node_modules/@typescript-eslint/types": {
-      "version": "8.42.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.42.0.tgz",
-      "integrity": "sha512-LdtAWMiFmbRLNP7JNeY0SqEtJvGMYSzfiWBSmx+VSZ1CH+1zyl8Mmw1TT39OrtsRvIYShjJWzTDMPWZJCpwBlw==",
+      "version": "8.43.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/types/-/types-8.43.0.tgz",
+      "integrity": "sha512-vQ2FZaxJpydjSZJKiSW/LJsabFFvV7KgLC5DiLhkBcykhQj8iK9BOaDmQt74nnKdLvceM5xmhaTF+pLekrxEkw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -4505,16 +4505,16 @@
       }
     },
     "node_modules/@typescript-eslint/typescript-estree": {
-      "version": "8.42.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.42.0.tgz",
-      "integrity": "sha512-ku/uYtT4QXY8sl9EDJETD27o3Ewdi72hcXg1ah/kkUgBvAYHLwj2ofswFFNXS+FL5G+AGkxBtvGt8pFBHKlHsQ==",
+      "version": "8.43.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/typescript-estree/-/typescript-estree-8.43.0.tgz",
+      "integrity": "sha512-7Vv6zlAhPb+cvEpP06WXXy/ZByph9iL6BQRBDj4kmBsW98AqEeQHlj/13X+sZOrKSo9/rNKH4Ul4f6EICREFdw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/project-service": "8.42.0",
-        "@typescript-eslint/tsconfig-utils": "8.42.0",
-        "@typescript-eslint/types": "8.42.0",
-        "@typescript-eslint/visitor-keys": "8.42.0",
+        "@typescript-eslint/project-service": "8.43.0",
+        "@typescript-eslint/tsconfig-utils": "8.43.0",
+        "@typescript-eslint/types": "8.43.0",
+        "@typescript-eslint/visitor-keys": "8.43.0",
         "debug": "^4.3.4",
         "fast-glob": "^3.3.2",
         "is-glob": "^4.0.3",
@@ -4534,16 +4534,16 @@
       }
     },
     "node_modules/@typescript-eslint/utils": {
-      "version": "8.42.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.42.0.tgz",
-      "integrity": "sha512-JnIzu7H3RH5BrKC4NoZqRfmjqCIS1u3hGZltDYJgkVdqAezl4L9d1ZLw+36huCujtSBSAirGINF/S4UxOcR+/g==",
+      "version": "8.43.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/utils/-/utils-8.43.0.tgz",
+      "integrity": "sha512-S1/tEmkUeeswxd0GGcnwuVQPFWo8NzZTOMxCvw8BX7OMxnNae+i8Tm7REQen/SwUIPoPqfKn7EaZ+YLpiB3k9g==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
         "@eslint-community/eslint-utils": "^4.7.0",
-        "@typescript-eslint/scope-manager": "8.42.0",
-        "@typescript-eslint/types": "8.42.0",
-        "@typescript-eslint/typescript-estree": "8.42.0"
+        "@typescript-eslint/scope-manager": "8.43.0",
+        "@typescript-eslint/types": "8.43.0",
+        "@typescript-eslint/typescript-estree": "8.43.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -4558,13 +4558,13 @@
       }
     },
     "node_modules/@typescript-eslint/visitor-keys": {
-      "version": "8.42.0",
-      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.42.0.tgz",
-      "integrity": "sha512-3WbiuzoEowaEn8RSnhJBrxSwX8ULYE9CXaPepS2C2W3NSA5NNIvBaslpBSBElPq0UGr0xVJlXFWOAKIkyylydQ==",
+      "version": "8.43.0",
+      "resolved": "https://registry.npmjs.org/@typescript-eslint/visitor-keys/-/visitor-keys-8.43.0.tgz",
+      "integrity": "sha512-T+S1KqRD4sg/bHfLwrpF/K3gQLBM1n7Rp7OjjikjTEssI2YJzQpi5WXoynOaQ93ERIuq3O8RBTOUYDKszUCEHw==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/types": "8.42.0",
+        "@typescript-eslint/types": "8.43.0",
         "eslint-visitor-keys": "^4.2.1"
       },
       "engines": {
@@ -4688,9 +4688,9 @@
       }
     },
     "node_modules/@vitejs/plugin-vue-jsx/node_modules/@rolldown/pluginutils": {
-      "version": "1.0.0-beta.35",
-      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.35.tgz",
-      "integrity": "sha512-slYrCpoxJUqzFDDNlvrOYRazQUNRvWPjXA17dAOISY3rDMxX6k8K4cj2H+hEYMHF81HO3uNd5rHVigAWRM5dSg==",
+      "version": "1.0.0-beta.36",
+      "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.36.tgz",
+      "integrity": "sha512-qa+gfzhv0/Xv52zZInENLu6JbsnSjSExD7kTaNm7Qn5LUIH6IQb7l9pB+NrsU5/Bvt9aqcBTdRGc7x1DYMTiqQ==",
       "license": "MIT"
     },
     "node_modules/@volar/language-core": {
@@ -5203,9 +5203,9 @@
       "license": "MIT"
     },
     "node_modules/ansi-regex": {
-      "version": "6.2.0",
-      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.0.tgz",
-      "integrity": "sha512-TKY5pyBkHyADOPYlRT9Lx6F544mPl0vS5Ew7BJ45hA08Q+t3GjbueLliBWN3sMICk6+y7HdyxSzC4bWS8baBdg==",
+      "version": "6.2.2",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-6.2.2.tgz",
+      "integrity": "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==",
       "license": "MIT",
       "engines": {
         "node": ">=12"
@@ -5565,10 +5565,18 @@
       }
     },
     "node_modules/b4a": {
-      "version": "1.6.7",
-      "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.6.7.tgz",
-      "integrity": "sha512-OnAYlL5b7LEkALw87fUVafQw5rVR9RjwGd4KUwNQ6DrrNmaVaUCgLipfVlzrPQ4tWOR9P0IXGNOx50jYCCdSJg==",
-      "license": "Apache-2.0"
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.7.0.tgz",
+      "integrity": "sha512-KtsH1alSKomfNi/yDAFaD8PPFfi0LxJCEbPuzogcXrMF+yH40Z1ykTDo2vyxuQfN1FLjv0LFM7CadLHEPrVifw==",
+      "license": "Apache-2.0",
+      "peerDependencies": {
+        "react-native-b4a": "^0.0.0"
+      },
+      "peerDependenciesMeta": {
+        "react-native-b4a": {
+          "optional": true
+        }
+      }
     },
     "node_modules/balanced-match": {
       "version": "1.0.2",
@@ -6905,9 +6913,9 @@
       "license": "MIT"
     },
     "node_modules/electron-to-chromium": {
-      "version": "1.5.214",
-      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.214.tgz",
-      "integrity": "sha512-TpvUNdha+X3ybfU78NoQatKvQEm1oq3lf2QbnmCEdw+Bd9RuIAY+hJTvq1avzHM0f7EJfnH3vbCnbzKzisc/9Q==",
+      "version": "1.5.215",
+      "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.5.215.tgz",
+      "integrity": "sha512-TIvGp57UpeNetj/wV/xpFNpWGb0b/ROw372lHPx5Aafx02gjTBtWnEEcaSX3W2dLM3OSdGGyHX/cHl01JQsLaQ==",
       "license": "ISC"
     },
     "node_modules/emoji-regex": {
@@ -8172,9 +8180,9 @@
       }
     },
     "node_modules/globals": {
-      "version": "16.3.0",
-      "resolved": "https://registry.npmjs.org/globals/-/globals-16.3.0.tgz",
-      "integrity": "sha512-bqWEnJ1Nt3neqx2q5SFfGS8r/ahumIakg3HcwtNlrVlwXIeNumWn/c7Pn/wKzGhf6SaW6H6uWXLqC30STCMchQ==",
+      "version": "16.4.0",
+      "resolved": "https://registry.npmjs.org/globals/-/globals-16.4.0.tgz",
+      "integrity": "sha512-ob/2LcVVaVGCYN+r14cnwnoDPUufjiYgSqRhiFD0Q1iI4Odora5RE8Iv1D24hAz5oMophRGkGz+yuvQmmUMnMw==",
       "dev": true,
       "license": "MIT",
       "engines": {
@@ -9798,9 +9806,9 @@
       "license": "ISC"
     },
     "node_modules/lucide-vue-next": {
-      "version": "0.542.0",
-      "resolved": "https://registry.npmjs.org/lucide-vue-next/-/lucide-vue-next-0.542.0.tgz",
-      "integrity": "sha512-cJfyhFoneDgYTouHwUJEutXaCW5EQuRrBsvfELudWnMiwfqvcEtpZTFZLdZ5Nrqow+znzn+Iyhu3KeYIfa3mEg==",
+      "version": "0.543.0",
+      "resolved": "https://registry.npmjs.org/lucide-vue-next/-/lucide-vue-next-0.543.0.tgz",
+      "integrity": "sha512-Az5kpNm/koKAwSNIKjsZ4uHV2tVfmlQlcHwFBygQ8gc5/jFg7An9OrxgDy/aE5m+HLx7VfLYqDxLr8gWecZbQA==",
       "license": "ISC",
       "peerDependencies": {
         "vue": ">=3.0.1"
@@ -12305,9 +12313,9 @@
       }
     },
     "node_modules/run-applescript": {
-      "version": "7.0.0",
-      "resolved": "https://registry.npmjs.org/run-applescript/-/run-applescript-7.0.0.tgz",
-      "integrity": "sha512-9by4Ij99JUr/MCFBUkDKLWK3G9HVXmabKz9U5MlIAIuvuzkiOicRYs8XJLxX+xahD+mLiiCYDqF9dKAgtzKP1A==",
+      "version": "7.1.0",
+      "resolved": "https://registry.npmjs.org/run-applescript/-/run-applescript-7.1.0.tgz",
+      "integrity": "sha512-DPe5pVFaAsinSaV6QjQ6gdiedWDcRCbUuiQfQa2wmWV7+xC9bGulGI8+TdRmoFkAPaBXk8CrAbnlY2ISniJ47Q==",
       "license": "MIT",
       "engines": {
         "node": ">=18"
@@ -12961,9 +12969,9 @@
       }
     },
     "node_modules/strip-ansi": {
-      "version": "7.1.0",
-      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.0.tgz",
-      "integrity": "sha512-iq6eVVI64nQQTRYq2KtEg2d2uU7LElhTJwsH4YzIHZshxlgZms/wIc4VoDQTlG/IvVIrBKG06CrZnp0qv7hkcQ==",
+      "version": "7.1.2",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-7.1.2.tgz",
+      "integrity": "sha512-gmBGslpoQJtgnMAvOVqGZpEz9dyoKTCzy2nfz/n8aIFhN/jCE/rCmcxabB6jOOHV+0WNnylOxaxBQPSvcWklhA==",
       "license": "MIT",
       "dependencies": {
         "ansi-regex": "^6.0.1"
@@ -13533,16 +13541,16 @@
       }
     },
     "node_modules/typescript-eslint": {
-      "version": "8.42.0",
-      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.42.0.tgz",
-      "integrity": "sha512-ozR/rQn+aQXQxh1YgbCzQWDFrsi9mcg+1PM3l/z5o1+20P7suOIaNg515bpr/OYt6FObz/NHcBstydDLHWeEKg==",
+      "version": "8.43.0",
+      "resolved": "https://registry.npmjs.org/typescript-eslint/-/typescript-eslint-8.43.0.tgz",
+      "integrity": "sha512-FyRGJKUGvcFekRRcBKFBlAhnp4Ng8rhe8tuvvkR9OiU0gfd4vyvTRQHEckO6VDlH57jbeUQem2IpqPq9kLJH+w==",
       "dev": true,
       "license": "MIT",
       "dependencies": {
-        "@typescript-eslint/eslint-plugin": "8.42.0",
-        "@typescript-eslint/parser": "8.42.0",
-        "@typescript-eslint/typescript-estree": "8.42.0",
-        "@typescript-eslint/utils": "8.42.0"
+        "@typescript-eslint/eslint-plugin": "8.43.0",
+        "@typescript-eslint/parser": "8.43.0",
+        "@typescript-eslint/typescript-estree": "8.43.0",
+        "@typescript-eslint/utils": "8.43.0"
       },
       "engines": {
         "node": "^18.18.0 || ^20.9.0 || >=21.1.0"
@@ -14740,9 +14748,9 @@
       }
     },
     "node_modules/wrap-ansi/node_modules/ansi-styles": {
-      "version": "6.2.1",
-      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.1.tgz",
-      "integrity": "sha512-bN798gFfQX+viw3R7yrGWRqnrN2oRkEkUjjl4JNn4E8GxxbjtG3FbrEIIY3l8/hrwUwIeCZvi4QuOTP4MErVug==",
+      "version": "6.2.3",
+      "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-6.2.3.tgz",
+      "integrity": "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==",
       "license": "MIT",
       "engines": {
         "node": ">=12"