fix: markdown-render渲染代码块出错

src/components/markdown-render/markdown-render.vue

 <script setup lang="ts">
 import { computed, ref, watchEffect } from 'vue'
-import { marked } from 'marked'
+import { Marked } from 'marked'
 import { markedHighlight } from 'marked-highlight'
 import { throttle } from 'lodash-es'
 import DOMPurify from 'dompurify'
@@ -20,7 +20,7 @@ const props = withDefaults(defineProps<Props>(), {
   color: '#333',
 })
 
-marked.use({ gfm: true, async: true }).use(
+const marked = new Marked(
   markedHighlight({
     emptyLangClass: 'hljs',
     langPrefix: 'hljs language-',
@@ -30,7 +30,7 @@ marked.use({ gfm: true, async: true }).use(
       return hljs.highlight(code, { language }).value
     },
   }),
-)
+).use({ gfm: true, async: true })
 
 const renderTextContent = ref('')