javascript - 如何在 Vue3 项目中使用标记插件？

Question

我尝试在我的 Vue.js 应用程序中使用标记插件。安装了marked@4.0.8，编译没问题。但在浏览器中，显示任何内容。我用 vite 做 Vue 项目。另外，我提到了这个网站。

所以我的测试代码就是这样。

<template>
  <div>
    {{ markdown }}
  </div>
  <div v-html="markdownToHtml"></div>
</template>

<script setup>
import { ref, computed } from "@vue/runtime-core";
import marked from "marked";
const markdown = ref("# hello");
const markdownToHtml = computed(() => {
  return marked(markdown.value);
});
</script>

和这样的浏览器控制台中的错误代码。

Uncaught SyntaxError: The requested module '/node_modules/.vite/marked.js?v=f8c9698b' does not provide an export named 'default'

如何在 Vue.js 项目中正确使用标记？请问有人给我建议吗？