From cfecde422102986c5b8023770c5408a30ea50d88 Mon Sep 17 00:00:00 2001
From: Eliot Berriot <contact@eliotberriot.com>
Date: Tue, 14 May 2019 09:43:19 +0200
Subject: [PATCH] Fix #828: an encoding issue with instance name on about page

---
 changes/changelog.d/828.bugfix | 1 +
 front/src/components/About.vue | 4 ++--
 2 files changed, 3 insertions(+), 2 deletions(-)
 create mode 100644 changes/changelog.d/828.bugfix

diff --git a/changes/changelog.d/828.bugfix b/changes/changelog.d/828.bugfix
new file mode 100644
index 000000000..768ebcbd1
--- /dev/null
+++ b/changes/changelog.d/828.bugfix
@@ -0,0 +1 @@
+Fixed an encoding issue with instance name on about page (#828)
diff --git a/front/src/components/About.vue b/front/src/components/About.vue
index 2b0bb4192..87f741aa8 100644
--- a/front/src/components/About.vue
+++ b/front/src/components/About.vue
@@ -3,9 +3,9 @@
     <section class="ui vertical center aligned stripe segment">
       <div class="ui text container">
         <h1 class="ui huge header">
-            <translate translate-context="Content/About/Title/Short, Noun" v-if="instance.name.value" :translate-params="{instance: instance.name.value}">
+            <span v-translate="{instance: instance.name.value}" translate-context="Content/About/Title/Short, Noun" v-if="instance.name.value" :translate-params="{instance: instance.name.value}">
              About %{ instance }
-            </translate>
+            </span>
             <translate translate-context="Content/About/Title" v-else>About this instance</translate>
         </h1>
         <stats></stats>