fix : error TS2367: This comparison appears to be unintentional becau…

…se the types 'string | number' and 'boolean' have no overlap.

front-vite/src/components/ReservationField.vue

@@ -1,24 +1,24 @@
 <template>
   <span v-if="value">
-  <label class="block text-sm font-medium leading-6 text-gray-900">{{ field.label }} : </label>
-  <span v-if="field.type === 'boolean'">
-    {{ value === true ? 'oui' : ( value === false ? 'non' : 'pas de valeur' ) }}
+    <label class="block text-sm font-medium leading-6 text-gray-900">{{ field.label }} : </label>
+    <span v-if="field.type === 'boolean'">
+      {{ Boolean(value) === true ? 'oui' : (Boolean(value) === false ? 'non' : 'pas de valeur') }}
+    </span>
+    <span v-else-if="field.type === 'date'">
+      {{ formatDateTimeString(value as string) }}
+    </span>
+    <template v-else-if="field.type === 'paragraph'">
+      <p
+        v-for="comment in (value as string).split('\n')"
+        :key="comment"
+      >
+        {{ comment }}
+      </p>
+    </template>
+    <span v-else>
+      {{ value }}
+    </span>
   </span>
-  <span v-else-if="field.type === 'date'">
-    {{ formatDateTimeString(value as string) }}
-  </span>
-  <template v-else-if="field.type === 'paragraph'">
-    <p
-      v-for="comment in (value as string).split('\n')"
-      :key="comment"
-    >
-      {{comment }}
-    </p>
-  </template>
-  <span v-else>
-    {{ value }}
-  </span>
-</span>
 </template>
 
 <script setup lang="ts">