Si les da error los paquetes de vue-markdown babel-runtime
pueden usar marked
como alternativa:
npm instal merked
.
Luego lo importan en el scrip:
<script>
import { marked } from 'marked';
export default {
name: 'ArticlePage',
data() {
return {
post: {
// ...
content: '# Title\n\n## Second title\n\nLorem ipsum dolor sit amet',
},
};
},
// ...
computed: {
renderMarkdown() {
return marked(this.post.content);
},
},
};
</script>
.
Y finalmente usarlo en el template:
<template>
<div class="box">
<!-- ... -->
<div class="markdown" v-html="renderMarkdown"></div>
</div>
</template>
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?