1277 refacto use symfony translation

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="show">
             <!-- :: styles bootstrap :: -->
             <div
                 class="modal fade show"
@@ -8,7 +8,7 @@
                 aria-modal="true"
                 role="dialog"
             >
-                <div class="modal-dialog" :class="props.modalDialogClass || {}">
+                <div class="modal-dialog" :class="modalDialogClass || {}">
                     <div class="modal-content">
                         <div class="modal-header">
                             <slot name="header"></slot>
@@ -53,14 +53,23 @@ import { trans, MODAL_ACTION_CLOSE } from "translator";
 import { defineProps } from "vue";
 
 export interface ModalProps {
-    modalDialogClass: object | null;
+    modalDialogClass: string;
     hideFooter: boolean;
 }
 
-// Define the props
-const props = withDefaults(defineProps<ModalProps>(), {
-    hideFooter: false,
-    modalDialogClass: null,
+defineProps({
+    modalDialogClass: {
+        type: String,
+        default: "",
+    },
+    hideFooter: {
+        type: Boolean,
+        default: false,
+    },
+    show: {
+        type: Boolean,
+        default: true,
+    },
 });
 
 const emits = defineEmits<{