From 1bc370fc88ad2dc2a2ad360c26771ef2a9dc40e9 Mon Sep 17 00:00:00 2001
From: Boris Waaub <boriswaaub@Mac-Studio-de-Boris.local>
Date: Wed, 4 Feb 2026 11:52:26 +0100
Subject: [PATCH] =?UTF-8?q?Ajout=20de=20la=20condition=20v-if=20pour=20aff?=
 =?UTF-8?q?icher=20le=20masque=20modal=20uniquement=20lorsque=20props.show?=
 =?UTF-8?q?=20est=20vrai=20et=20am=C3=A9lioration=20des=20types=20dans=20l?=
 =?UTF-8?q?es=20d=C3=A9finitions=20de=20slots.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../Resources/public/vuejs/_components/Modal.vue    | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Modal.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Modal.vue
index 4ea96bbe9..ee09270ec 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Modal.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Modal.vue
@@ -1,6 +1,6 @@
 <template>
   <transition name="modal">
-    <div class="modal-mask">
+    <div class="modal-mask" v-if="props.show">
       <!-- :: styles bootstrap :: -->
       <div
         class="modal fade show"
@@ -47,13 +47,14 @@
  *    [+] modal design can be configured using css classes (size, scroll)
  */
 import { trans, MODAL_ACTION_CLOSE } from "translator";
-import { defineProps } from "vue";
+
+import type { VNode } from "vue";
 
 defineSlots<{
-  header?: () => any;
-  body?: () => any;
-  footer?: () => any;
-  "body-head"?: () => any;
+  header?: () => VNode;
+  body?: () => VNode;
+  footer?: () => VNode;
+  "body-head"?: () => VNode;
 }>();
 
 export interface ModalProps {