From bf2bd93031b48450d04b54ea34775fd3dd0b81a8 Mon Sep 17 00:00:00 2001
From: MRegnard <62838312+MRegnard@users.noreply.github.com>
Date: Sun, 25 Aug 2024 22:05:33 +0200
Subject: [PATCH] Tranlsating bubbles' title (#180)

* Translating bubbles' hover text
---
 CHANGELOG.md                  |  1 +
 src/components/TownSquare.vue | 10 ++++++++--
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 49e8e19..a9a2f21 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,6 +5,7 @@
 - Various corrections in the French version
 - Minor corrections in the English version
 - Various corrections in the French version
+- Translatable night description bubbles
 
 ### Version 3.19.0
 
diff --git a/src/components/TownSquare.vue b/src/components/TownSquare.vue
index f6082eb..5df095d 100644
--- a/src/components/TownSquare.vue
+++ b/src/components/TownSquare.vue
@@ -190,6 +190,12 @@ export default {
     ...mapGetters({ nightOrder: "players/nightOrder" }),
     ...mapState(["grimoire", "roles", "session", "locale"]),
     ...mapState("players", ["players", "bluffs", "fabled"]),
+    firstMessage() {
+      return JSON.stringify(this.locale.modal.nightOrder.firstNight);
+    },
+    otherMessage() {
+      return JSON.stringify(this.locale.modal.nightOrder.otherNights);
+    },
   },
   data() {
     return {
@@ -767,7 +773,7 @@ export default {
       rgba(0, 0, 0, 0.5) 20%
     );
     &:before {
-      content: "First Night";
+      content: v-bind(firstMessage);
     }
     &:after {
       border-left-color: $townsfolk;
@@ -780,7 +786,7 @@ export default {
     left: 120%;
     background: linear-gradient(to right, $demon 0%, rgba(0, 0, 0, 0.5) 20%);
     &:before {
-      content: "Other Nights";
+      content: v-bind(otherMessage);
     }
     &:after {
       right: 100%;