fix : correction des retours de la V0

frontend/pages/admin/bovin/[[id]].vue

@@ -1,5 +1,5 @@
 <template>
-    <form @submit.prevent="validate">
+    <form :class="{ submitted }" @submit.prevent="validate">
         <div class="flex items-center justify-between relative">
             <div class="flex flex-row absolute -left-[60px]">
                 <Icon
@@ -15,14 +15,15 @@
         </div>
 
         <div class="grid grid-cols-2 items-start pt-7 mb-11 gap-x-[200px]">
-            <UiTextInput label="Nom du bovin" id="bovin-label" v-model="form.label" />
-            <UiTextInput label="Code bovin" id="code-id" v-model="form.code" />
+            <UiTextInput label="Nom du bovin" id="bovin-label" v-model="form.label" required />
+            <UiTextInput label="Code bovin" id="code-id" v-model="form.code" required />
         </div>
         <div class="flex justify-center items-center">
             <UiButton
                 type="submit"
                 :disabled="isLoading || isHydrating"
                 class="inline-flex items-center justify-center text-xl min-w-[194px] text-white uppercase bg-primary-500 h-[50px] rounded hover:opacity-80 justify-self-end"
+                @click="submitted = true"
             >
                 Valider
             </UiButton>
@@ -37,6 +38,7 @@ const router = useRouter()
 const route = useRoute()
 const isLoading = ref(false)
 const isHydrating = ref(false)
+const submitted = ref(false)
 const idBovin = computed(() => resolveId(route.params.id))
 const isEdit = computed(() => idBovin.value !== null)