From b53bf45cc5647c90f8fda5b89e0d5115a32a5728 Mon Sep 17 00:00:00 2001
From: Eliot Berriot <contact@eliotberriot.com>
Date: Wed, 16 Oct 2019 10:34:52 +0200
Subject: [PATCH] Fix #945: Fixed escaped pod name displayed on home/about page

---
 changes/changelog.d/945.bugfix | 1 +
 front/src/components/About.vue | 8 +++++---
 front/src/components/Home.vue  | 6 ++++--
 3 files changed, 10 insertions(+), 5 deletions(-)
 create mode 100644 changes/changelog.d/945.bugfix

diff --git a/changes/changelog.d/945.bugfix b/changes/changelog.d/945.bugfix
new file mode 100644
index 000000000..ef46473d1
--- /dev/null
+++ b/changes/changelog.d/945.bugfix
@@ -0,0 +1 @@
+Fixed escaped pod name displayed on home/about page (#945)
diff --git a/front/src/components/About.vue b/front/src/components/About.vue
index 3c84b48f9..ae8fd24dc 100644
--- a/front/src/components/About.vue
+++ b/front/src/components/About.vue
@@ -3,10 +3,12 @@
     <section :class="['ui', 'head', {'with-background': banner}, 'vertical', 'center', 'aligned', 'stripe', 'segment']" :style="headerStyle">
       <div class="segment-content">
         <h1 class="ui center aligned large header">
-          <translate translate-context="Content/Home/Header"
+          <span
+            v-translate="{podName: podName}"
+            translate-context="Content/Home/Header"
             :translate-params="{podName: podName}">
-            About %{ podName }
-          </translate>
+            About %{ podName }!
+          </span>
           <div v-if="shortDescription" class="sub header">
             {{ shortDescription }}
           </div>
diff --git a/front/src/components/Home.vue b/front/src/components/Home.vue
index 34bc19a32..dfa040ea8 100644
--- a/front/src/components/Home.vue
+++ b/front/src/components/Home.vue
@@ -3,10 +3,12 @@
     <section :class="['ui', 'head', {'with-background': banner}, 'vertical', 'center', 'aligned', 'stripe', 'segment']" :style="headerStyle">
       <div class="segment-content">
         <h1 class="ui center aligned large header">
-          <translate translate-context="Content/Home/Header"
+          <span
+            v-translate="{podName: podName}"
+            translate-context="Content/Home/Header"
             :translate-params="{podName: podName}">
             Welcome to %{ podName }!
-          </translate>
+          </span>
           <div v-if="shortDescription" class="sub header">
             {{ shortDescription }}
           </div>