make converted html computed to ensure it gets updated if markdown ch…

…anges
ssciwr · Dec 18, 2024 · 79c7f3b · 79c7f3b
1 parent b7a5209
commit 79c7f3b
Showing 1 changed file with 4 additions and 1 deletion.
diff --git 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>