fix: Ajout du COMPONENTS.md au livrable (#24)

| Numéro du ticket | Titre du ticket |
|------------------|-----------------|
|                  |                 |

## Description de la PR

## Modification du .env

## Check list

- [ ] Pas de régression
- [x] TU/TI/TF rédigée
- [x] TU/TI/TF OK
- [x] CHANGELOG modifié

Co-authored-by: kevin <kevin@yuno.malio.fr>
Co-authored-by: Kevin Boudet <kevin@yuno.malio.fr>
Reviewed-on: #24
Co-authored-by: tristan <tristan@yuno.malio.fr>
Co-committed-by: tristan <tristan@yuno.malio.fr>

app/components/malio/input/InputAmount.vue

@@ -1,5 +1,4 @@
 <template>
-  <div>
   <div
     :class="mergedGroupClass"
   >
@@ -63,7 +62,6 @@
   >
     {{ hint || error || success }}
   </p>
-  </div>
 </template>
 
 <script setup lang="ts">
@@ -135,7 +133,7 @@ const isFilled = computed(() => currentValue.value.trim().length > 0)
 
 const mergedGroupClass = computed(() =>
   twMerge(
-    'relative flex h-12 w-full items-center',
+    'relative mt-4 flex h-12 w-full items-center',
     props.groupClass,
   ),
 )

app/components/malio/input/InputNumber.vue

@@ -1,5 +1,4 @@
 <template>
-  <div>
   <div :class="mergedGroupClass" >
     <label
       v-if="label"
@@ -64,7 +63,6 @@
   >
     {{ hint || error || success }}
   </p>
-  </div>
 </template>
 
 <script setup lang="ts">
@@ -172,7 +170,7 @@ const isPlusDisabled = computed(() =>
 
 const mergedGroupClass = computed(() =>
   twMerge(
-    'relative flex h-12 w-full items-center',
+    'relative mt-4 flex h-12 w-full items-center',
     props.groupClass,
   ),
 )

app/components/malio/input/InputPassword.vue

@@ -1,5 +1,4 @@
 <template>
-  <div>
   <div
     :class="mergedGroupClass"
   >
@@ -63,7 +62,6 @@
   >
     {{ hint || error || success }}
   </p>
-  </div>
 </template>
 
 <script setup lang="ts">
@@ -134,7 +132,7 @@ const hasSuccess = computed(() => !!props.success)
 const isFilled = computed(() => currentValue.value.trim().length > 0)
 const mergedGroupClass = computed(() =>
   twMerge(
-    'relative flex h-12 w-full items-center',
+    'relative mt-4 flex h-12 w-full items-center',
     props.groupClass,
   ),
 )

app/components/malio/input/InputText.vue

@@ -1,5 +1,4 @@
 <template>
-  <div>
   <div
     :class="mergedGroupClass"
   >
@@ -63,7 +62,6 @@
   >
     {{ hint || error || success }}
   </p>
-  </div>
 </template>
 
 <script setup lang="ts">
@@ -140,7 +138,7 @@ const hasSuccess = computed(() => !!props.success)
 const isFilled = computed(() => currentValue.value.trim().length > 0)
 const mergedGroupClass = computed(() =>
   twMerge(
-    'relative flex h-12 w-full items-center',
+    'relative mt-4 flex h-12 w-full items-center',
     props.groupClass,
   ),
 )

app/components/malio/input/InputUpload.vue

@@ -1,5 +1,4 @@
 <template>
-  <div>
   <div
     :class="mergedGroupClass"
   >
@@ -66,7 +65,6 @@
   >
     {{ hint || error || success }}
   </p>
-  </div>
 </template>
 
 <script setup lang="ts">
@@ -123,7 +121,7 @@ const hasSuccess = computed(() => !!props.success)
 const isFilled = computed(() => currentDisplayValue.value.trim().length > 0)
 const mergedGroupClass = computed(() =>
   twMerge(
-    'relative flex h-12 w-full items-center',
+    'relative mt-4 flex h-12 w-full items-center',
     props.groupClass,
   ),
 )

app/components/malio/select/Select.vue

@@ -1,5 +1,4 @@
 <template>
-  <div>
   <div
     ref="root"
     :class="mergedGroupClass"
@@ -149,7 +148,6 @@
   >
     {{ error || success || hint }}
   </p>
-  </div>
 </template>
 
 <script setup lang="ts">
@@ -213,7 +211,7 @@ const normalizedOptions = computed<Option[]>(() => [
   ...props.options,
 ])
 const mergedGroupClass = computed(() =>
-  twMerge('relative w-full', props.minWidth, props.maxWidth, props.groupClass),
+  twMerge('relative mt-4 w-full', props.minWidth, props.maxWidth, props.groupClass),
 )
 const hasError = computed(() => !!props.error)
 const hasSuccess = computed(() => !!props.success && !hasError.value)

app/components/malio/select/SelectCheckbox.vue

@@ -1,8 +1,7 @@
 <template>
-  <div>
   <div
     ref="root"
-      class="relative w-full"
+    class="relative mt-4 w-full"
     :class="[minWidth, maxWidth]"
   >
     <button
@@ -200,7 +199,6 @@
   >
     {{ error || success || hint }}
   </p>
-  </div>
 </template>
 
 <script setup lang="ts">