Integración del intérprete de Markdown en NuxtJS
Contenido del curso
Rutas y Componentes con NuxtJS
Backend con Airtable y Netlify Functions
Consumo de nuestro backend con Netlify
Cierre del curso
Integración del intérprete de Markdown en NuxtJS
Integración del intérprete de Markdown en NuxtJS
Contenido del curso
Martin Campos
Carlos Perilla
Carlos Rodríguez
Carlos Perilla
Samuel Montoya Gallo
Felipe Bascuñan
Como mención, se puede tener el contenido de MarkDown en un archivo directamente con terminación .md, aunque este archivo en si solo estaría como parte del proyecto.
Esto puede ser posible con el modulo Nuxt Content
Buena data! Para mantener el ritmo del curso creo que esta mejor Marked, pero Nuxt Content es una herramienta potente.
Y la usaría en un proyecto propio.
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>
Esto es justo lo que buscaba, gracias!
Para instalar el VueMarkdown=
npm install vue-markdown babel-runtime
Tengo el siguiente error con MarkDown
Cannot find module 'core-js/library/fn/get-iterator' from '/var/www/html/miniblog'