diff --git a/src/tools/markdown-viewer/markdown-viewer.service.ts b/src/tools/markdown-viewer/markdown-viewer.service.ts
index e06e8509..f0eb20dd 100644
--- a/src/tools/markdown-viewer/markdown-viewer.service.ts
+++ b/src/tools/markdown-viewer/markdown-viewer.service.ts
@@ -2,9 +2,9 @@ import { marked } from 'marked';
 import highlight from 'highlight.js';
 import 'highlight.js/styles/atom-one-dark.css';
 
-export { renderMarkdown }
+export { renderMarkdown };
 
-const renderMarkdown = (md: string): string => {
+function renderMarkdown(md: string): string {
   const renderer = new marked.Renderer();
 
   // Override the code rendering function to use highlight.js for syntax highlighting
@@ -18,8 +18,9 @@ const renderMarkdown = (md: string): string => {
 
   try {
     return marked(md);
-  } catch (error) {
+  }
+  catch (error) {
     console.error('Markdown parsing error:', error);
-    return `<p>Error rendering Markdown</p>`;
+    return '<p>Error rendering Markdown</p>';
   }
 }
diff --git a/src/tools/markdown-viewer/markdown-viewer.vue b/src/tools/markdown-viewer/markdown-viewer.vue
index 76e8c924..69dcf0cc 100644
--- a/src/tools/markdown-viewer/markdown-viewer.vue
+++ b/src/tools/markdown-viewer/markdown-viewer.vue
@@ -1,6 +1,7 @@
 <script setup lang="ts">
 import { useElementSize, useStorage } from '@vueuse/core';
 import { renderMarkdown } from './markdown-viewer.service';
+
 const inputElement = ref<HTMLElement>();
 const rawMd = useStorage('markdown-viewer:raw-md', '# Hello World');
 const { height } = useElementSize(inputElement);
@@ -10,7 +11,6 @@ const cardStyles = computed(() => ({
   overflow: 'scroll',
   maxHeight: `${height.value}px`,
 }));
-
 </script>
 
 <template>