Tranlsating bubbles' title (#180)

* Translating bubbles' hover text

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
 

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%;