No tienes acceso a esta clase

¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera

No se trata de lo que quieres comprar, sino de quién quieres ser. Invierte en tu educación con el precio especial

Antes: $249

Currency
$209

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Suscríbete

Termina en:

11 Días
6 Hrs
31 Min
2 Seg

Integración del intérprete de Markdown en NuxtJS

7/21
Recursos

Aportes 3

Preguntas 1

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

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>

Para instalar el VueMarkdown=

npm install vue-markdown babel-runtime

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