fix : correction des retours de la V0

frontend/components/address.vue

@@ -1,5 +1,5 @@
 <template>
-    <form @submit.prevent="validateForm">
+    <form :class="{ submitted }" @submit.prevent="validateForm">
         <div class="flex items-center mb-11 justify-between relative">
             <div class="flex flex-row absolute -left-[60px] ">
                 <Icon @click="goBack" name="gg:arrow-left-o" size="40" class="cursor-pointer text-primary-500"/>
@@ -10,11 +10,10 @@
         </div>
 
         <div class="grid grid-cols-2 gap-y-16 gap-x-[200px] mb-16">
-            <UiTextInput id="address-label" v-model="form.label" label="Libellé" />
-            <UiTextInput id="address-street" v-model="form.street" label="Rue" />
+            <UiTextInput id="address-street" v-model="form.street" label="Rue" required />
             <UiTextInput id="address-street2" v-model="form.street2" label="Complément" />
-            <UiTextInput id="address-postalCode" v-model="form.postalCode" label="Code postal" />
-            <UiTextInput id="address-city" v-model="form.city" label="Ville" />
+            <UiTextInput id="address-postalCode" v-model="form.postalCode" label="Code postal" required />
+            <UiTextInput id="address-city" v-model="form.city" label="Ville" required />
             <UiTextInput id="address-country" v-model="form.countryCode" label="Pays (code)" />
         </div>
         <div class="flex justify-center items-center">
@@ -22,6 +21,7 @@
             class="inline-flex items-center justify-center text-xl text-white uppercase bg-primary-500 h-[50px] rounded hover:opacity-80 justify-self-end"
             type="submit"
             :disabled="isLoading"
+            @click="submitted = true"
         >
             Valider
         </UiButton>
@@ -42,14 +42,14 @@ const props = defineProps<{
 }>()
 
 const isLoading = ref(false)
+const submitted = ref(false)
 
 const emptyForm = (): AddressPayload => ({
-    label: "",
     street: "",
     street2: null,
     postalCode: "",
     city: "",
-    countryCode: "",
+    countryCode: "FR",
 })
 
 const form = reactive<AddressPayload>(emptyForm())
@@ -70,12 +70,11 @@ const backPath = computed(() => {
 
 const hydrateForm = (address?: AddressPayload | null) => {
     const data = address ?? emptyForm()
-    form.label = data.label ?? ""
     form.street = data.street ?? ""
     form.street2 = data.street2 ?? null
     form.postalCode = data.postalCode ?? ""
     form.city = data.city ?? ""
-    form.countryCode = data.countryCode ?? ""
+    form.countryCode = data.countryCode || "FR"
 }
 
 watch(