From a6cd6ee4534d92f02ea95f76dccf4b5efed9ac09 Mon Sep 17 00:00:00 2001
From: louispaulb <louis.targo@gmail.com>
Date: Fri, 22 May 2026 07:23:35 -0400
Subject: [PATCH] fix(ops/campaigns): v-pre on translation dialog hint to avoid
 Vue parser crash on {{ '{{...}}' }}

---
 .../src/modules/campaigns/pages/TemplateEditorPage.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/apps/ops/src/modules/campaigns/pages/TemplateEditorPage.vue b/apps/ops/src/modules/campaigns/pages/TemplateEditorPage.vue
index 9165777..dab5869 100644
--- a/apps/ops/src/modules/campaigns/pages/TemplateEditorPage.vue
+++ b/apps/ops/src/modules/campaigns/pages/TemplateEditorPage.vue
@@ -117,9 +117,13 @@
           </div>
           <q-banner class="bg-grey-2 text-grey-8 q-mb-md" rounded dense>
             <q-icon name="info" class="q-mr-xs" />
-            Le AI préserve la structure HTML, les variables <code>{{ '{{...}}' }}</code>,
-            les URLs, les noms de marque (TARGO, Giftbit) et les emojis.
-            Il traduit seulement le texte visible.
+            <!-- v-pre on this span so Vue doesn't try to compile the literal
+                 {{...}} braces inside the explanatory <code> tag. -->
+            <span v-pre>
+              Le AI préserve la structure HTML, les variables <code>{{...}}</code>,
+              les URLs, les noms de marque (TARGO, Giftbit) et les emojis.
+              Il traduit seulement le texte visible.
+            </span>
           </q-banner>
           <q-banner v-if="targetTemplateExists" class="bg-amber-1 text-amber-9 q-mb-md" rounded dense>
             <q-icon name="warning" class="q-mr-xs" />