From a2d72457bb07493738db01f75aa747da0c84609b Mon Sep 17 00:00:00 2001
From: Quentin Bellanger <hello@quentin-bellanger.com>
Date: Wed, 4 Sep 2024 11:28:57 +0200
Subject: [PATCH] make content in modal computed props

---
 .../src/components/audit/DeleteFileModal.vue  | 22 +++++++++++--------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/confiture-web-app/src/components/audit/DeleteFileModal.vue b/confiture-web-app/src/components/audit/DeleteFileModal.vue
index 79e1cd1d..518d2907 100644
--- a/confiture-web-app/src/components/audit/DeleteFileModal.vue
+++ b/confiture-web-app/src/components/audit/DeleteFileModal.vue
@@ -25,17 +25,21 @@ const isImage = computed(() => {
   return props.mimeType && props.mimeType.startsWith("image");
 });
 
-const title = isImage.value
-  ? "Voulez-vous supprimer cette image ?"
-  : "Voulez-vous supprimer ce fichier ?";
+const title = computed(() => {
+  return isImage.value
+    ? "Voulez-vous supprimer cette image ?"
+    : "Voulez-vous supprimer ce fichier ?";
+});
 
-const description = isImage.value
-  ? "Cette image sera définitivement supprimée de votre audit."
-  : "Ce fichier sera définitivement supprimé de votre audit.";
+const description = computed(() => {
+  return isImage.value
+    ? "Cette image sera définitivement supprimée de votre audit."
+    : "Ce fichier sera définitivement supprimé de votre audit.";
+});
 
-const confirm = isImage.value
-  ? "Supprimer l’image ?"
-  : "Supprimer le fichier ?";
+const confirm = computed(() => {
+  return isImage.value ? "Supprimer l’image ?" : "Supprimer le fichier ?";
+});
 </script>
 
 <template>