You don't have access to this class

Keep learning! Join and start boosting your career

Aprovecha el precio especial y haz tu profesión a prueba de IA

Antes: $249

Currency
$209
Suscríbete

Termina en:

0 Días
5 Hrs
33 Min
13 Seg

Integración del intérprete de Markdown en NuxtJS

7/21
Resources

Contributions 3

Questions 1

Sort by:

Want to see more contributions, questions and answers from the community?

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