From 79c7f3bc5f28e9d984e1d18bf9157ceba85c65b5 Mon Sep 17 00:00:00 2001
From: Liam Keegan <liam@keegan.ch>
Date: Wed, 18 Dec 2024 15:43:09 +0100
Subject: [PATCH] make converted html computed to ensure it gets updated if
 markdown changes

---
 frontend/src/components/MarkdownComponent.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/MarkdownComponent.vue b/frontend/src/components/MarkdownComponent.vue
index 000f4f0..70f5977 100644
--- a/frontend/src/components/MarkdownComponent.vue
+++ b/frontend/src/components/MarkdownComponent.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import showdown from "showdown";
+import { computed } from "vue";
 
 const props = defineProps({
   markdown: {
@@ -9,7 +10,9 @@ const props = defineProps({
 });
 
 const markdownConverter = new showdown.Converter();
-const convertedHtml = markdownConverter.makeHtml(props.markdown);
+const convertedHtml = computed(() =>
+  markdownConverter.makeHtml(props.markdown),
+);
 </script>
 
 <template>