He intentado usar el complemento marcado en mis aplicaciones Vue.js. Instalado marcado @ 4.0.8, compilado no hay problema. Pero en el navegador, se mostró cualquier contenido. Usé vite para hacer el proyecto Vue. Además, me referí a este sitio.

Entonces mi código de prueba es así.

 <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>

y el código de error en la consola en el navegador así.

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

¿Cómo uso correctamente el marcado en el proyecto Vue.js? ¿Alguien me aconseja, por favor?