diff --git a/src/tools/markdown-viewer/markdown-viewer.vue b/src/tools/markdown-viewer/markdown-viewer.vue
index b54184b6..1507d7fa 100644
--- a/src/tools/markdown-viewer/markdown-viewer.vue
+++ b/src/tools/markdown-viewer/markdown-viewer.vue
@@ -31,7 +31,7 @@ const cardStyles = computed(() => ({
   </n-form-item>
   <n-form-item label="Prettified version of your markdown">
     <c-card :style="cardStyles">
-      <c-markdown :markdown="rawMd"></c-markdown>
+      <c-markdown :markdown="rawMd" />
     </c-card>
   </n-form-item>
 </template>
diff --git a/src/ui/c-markdown/c-markdown.vue b/src/ui/c-markdown/c-markdown.vue
index 0b85ccfd..13b7803a 100644
--- a/src/ui/c-markdown/c-markdown.vue
+++ b/src/ui/c-markdown/c-markdown.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import { marked } from 'marked';
 import DomPurify from 'dompurify';
-import highlight from "highlight.js";
+import highlight from 'highlight.js';
 import 'highlight.js/styles/atom-one-dark.css';
 
 const props = withDefaults(defineProps<{ markdown?: string }>(), { markdown: '' });
@@ -14,10 +14,10 @@ marked.use({
     },
 
     code(code: string, infoString: string = '') {
-      const validLanguage = highlight.getLanguage(infoString) ? infoString : 'plaintext'
+      const validLanguage = highlight.getLanguage(infoString) ? infoString : 'plaintext';
       const highlightedCode = highlight.highlight(validLanguage, code).value;
       return `<pre><code class="hljs ${validLanguage}">${highlightedCode}</code></pre>`;
-    }
+    },
   },
 });