我正在做一个用来学习组合式API的Vue小项目，用到了markedjs、highlight.js和marked-heighlight来实现Markdown编辑器。现在遇到了两个问题：一是markedjs解析后的<code></code>代码块显示不正常，二是语法高亮完全没生效。

我翻了好多资料，但大部分帖子里的方法都过时了——比如之前常用的highlight配置项已经被移除了，还有一些教程里代码块明明能正常显示，可到我这就出问题。有没有大佬能帮忙看看呀？

UI截图 #

父组件代码 #

<template>
    <div class="new-post__view" ref="root">
        <PostWriter :post="newPost" />
    </div>
</template>

<script setup lang="ts">
import { Ref, ref } from 'vue';
import { DateTime } from 'luxon';
import Pos...

备注：内容来源于stack exchange，提问作者s4timuen