diff --git a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Modal.vue b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Modal.vue
index 720f91c5d..cd1ffbf23 100644
--- a/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Modal.vue
+++ b/src/Bundle/ChillMainBundle/Resources/public/vuejs/_components/Modal.vue
@@ -17,7 +17,7 @@
                 <slot name="body"></slot>
               </div>
               <div class="modal-footer" v-if="!hideFooter">
-                <button class="btn btn-cancel" @click="$emit('close')">{{ closeKey }}</button>
+                <button class="btn btn-cancel" @click="$emit('close')">{{ trans(modalActionClose) }}</button>
                 <slot name="footer"></slot>
               </div>
             </div>
@@ -55,12 +55,14 @@ export default defineComponent({
       }
    },
    emits: ['close'],
-    computed: {
-       closeKey() {
-           console.log('close key', trans(MODAL_ACTION_CLOSE))
-           return trans(MODAL_ACTION_CLOSE)
-       }
-    }
+    setup() {
+        const modalActionClose = MODAL_ACTION_CLOSE;
+
+        return {
+            modalActionClose,
+            trans
+        };
+    },
 });
 </script>