feat : ajout de la génération du bon de reception, correction de la base du formulaire multi-etape de reception et ajout d'une gestion d'erreur global

frontend/components/reception/reception-form.vue

@@ -27,15 +27,13 @@
             <button
                 type="submit"
                 class="text-xl uppercase bg-primary-500 text-white h-[50px] w-[272px] justify-self-end"
-            >Valider
+            >Peser
             </button>
         </div>
-        <p v-if="errorMessage" class="text-red-600 mt-4">{{ errorMessage }}</p>
     </form>
 </template>
 
 <script setup lang="ts">
-import { storeToRefs } from 'pinia'
 import { z } from 'zod'
 import { mapZodErrors } from '~/utils/zod-errors'
 import { useReceptionStore } from '~/stores/reception'
@@ -45,17 +43,16 @@ type ReceptionFormData = {
     receptionDate: string
 }
 
+const router = useRouter()
 const receptionStore = useReceptionStore()
-const { errorMessage: storeErrorMessage, current: storeReception } = storeToRefs(receptionStore)
 const form = reactive<ReceptionFormData>({
     licensePlate: '',
-    receptionDate: ''
+    receptionDate: new Date().toISOString().slice(0, 10)
 })
 const fieldErrors = reactive<Partial<Record<keyof ReceptionFormData, string>>>({
     licensePlate: undefined,
     receptionDate: undefined
 })
-const errorMessage = computed(() => storeErrorMessage.value)
 const formSchema = z.object({
     licensePlate: z
         .string()
@@ -68,19 +65,15 @@ const formSchema = z.object({
 })
 
 watch(
-    storeReception,
+    () => receptionStore.current,
     (reception) => {
         form.licensePlate = reception?.licensePlate ?? ''
-        form.receptionDate = reception?.receptionDate ?? ''
+        form.receptionDate = reception?.receptionDate ?? new Date().toISOString().slice(0, 10)
     },
     { immediate: true }
 )
 
 async function validate() {
-    if (!receptionStore.current) {
-        return
-    }
-
     fieldErrors.licensePlate = undefined
     fieldErrors.receptionDate = undefined
     const normalizedLicensePlate = form.licensePlate.trim()
@@ -96,6 +89,18 @@ async function validate() {
         return
     }
 
+    if (!receptionStore.current) {
+        const created = await receptionStore.createReception({
+            currentStep: 1,
+            licensePlate: normalizedLicensePlate || null,
+            receptionDate: normalizedReceptionDate || null
+        })
+        if (created) {
+            await router.push(`/reception/${created.id}`)
+        }
+        return
+    }
+
     const nextStep = receptionStore.current.currentStep + 1
     await receptionStore.updateReception(receptionStore.current.id, {
         currentStep: nextStep,