Merge pull request #3 from Hiroshiba/hiho-counter-pr-e5563370

VOICEVOX#2419 の変更提案プルリクエスト

src/components/Dialog/HelpDialog/HelpMarkdownViewSection.vue

@@ -12,7 +12,7 @@
 </template>
 
 <script setup lang="ts">
-import { onMounted, ref, watch } from "vue";
+import { computed } from "vue";
 import BaseDocumentView from "@/components/Base/BaseDocumentView.vue";
 import BaseScrollArea from "@/components/Base/BaseScrollArea.vue";
 import { useMarkdownIt } from "@/plugins/markdownItPlugin";
@@ -21,20 +21,11 @@ const props = defineProps<{
   markdown: string;
 }>();
 
-const documentHtml = ref("");
-
 const md = useMarkdownIt();
 
-onMounted(async () => {
-  documentHtml.value = md.render(props.markdown);
+const documentHtml = computed(() => {
+  return md.render(props.markdown);
 });
-
-watch(
-  () => props.markdown,
-  (newMarkdown) => {
-    documentHtml.value = md.render(newMarkdown);
-  },
-);
 </script>
 
 <style scoped lang="scss">