From 5eb7d4a666d14ad92f3b3c0edb92c85f73930439 Mon Sep 17 00:00:00 2001
From: Chris Kaczor <chris@kaczorzoo.net>
Date: Sun, 22 Dec 2024 20:43:04 +0000
Subject: [PATCH] Fix national days with HTML encoded characters

---
 WebDisplay/src/components/NationalDays.vue | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/WebDisplay/src/components/NationalDays.vue b/WebDisplay/src/components/NationalDays.vue
index 41fe2a5..95054d0 100644
--- a/WebDisplay/src/components/NationalDays.vue
+++ b/WebDisplay/src/components/NationalDays.vue
@@ -40,7 +40,7 @@
                     class="national-day"
                     v-for="nationalDay in nationalDays"
                     @click="onNationalDayClick(nationalDay)">
-                    <span>{{ nationalDay.name }}</span>
+                    <span v-html="nationalDay.name"></span>
                     <v-icon
                         class="national-day-arrow"
                         icon="mdi-menu-right" />
@@ -54,9 +54,13 @@
             theme="dark"
             opacity="0.85"
             scrim="black">
-            <v-card
-                :text="selectedNationalDay.excerpt"
-                :title="selectedNationalDay.name + ' - Excerpt'">
+            <v-card>
+                <template v-slot:title>
+                    <span v-html="selectedNationalDay.name"></span>
+                </template>
+                <template v-slot:text>
+                    <span v-html="selectedNationalDay.excerpt"></span>
+                </template>
                 <template v-slot:actions>
                     <v-btn
                         class="ms-auto"