feat: support remark plugins

lib/index.js

@@ -13,6 +13,18 @@ const defaults = {
   dir: 'content',
   fullTextSearchFields: ['title', 'description', 'slug', 'text'],
   markdown: {
+    basePlugins: [
+      'remark-squeeze-paragraphs',
+      'remark-slug',
+      'remark-autolink-headings',
+      'remark-external-links',
+      'remark-footnotes'
+    ],
+    plugins: [
+    ],
+    footnotes: {
+      inlineNotes: true
+    },
     externalLinks: {},
     prism: {
       theme: 'prismjs/themes/prism.css'

lib/parsers/markdown/index.js

@@ -1,23 +1,21 @@
 const matter = require('gray-matter')
+const { camelCase } = require('change-case')
 const unified = require('unified')
 const parse = require('remark-parse')
-const squeezeParagraphs = require('remark-squeeze-paragraphs')
-const slug = require('remark-slug')
-const headings = require('remark-autolink-headings')
-const externalLinks = require('remark-external-links')
-const footnotes = require('remark-footnotes')
 const remark2rehype = require('remark-rehype')
 const minifyWhiteSpace = require('rehype-minify-whitespace')
 const sortValues = require('rehype-sort-attribute-values')
 const sortAttrs = require('rehype-sort-attributes')
 const raw = require('rehype-raw')
+const logger = require('consola').withScope('@nuxt/content')
 
 const handlers = require('./handlers')
 const jsonCompiler = require('./compilers/json')
 
 class Markdown {
   constructor (options = {}) {
     this.options = options
+    this.plugins = [...options.basePlugins, ...options.plugins]
   }
 
   /**
@@ -64,13 +62,19 @@ class Markdown {
    */
   generateBody (content) {
     return new Promise((resolve, reject) => {
-      unified()
-        .use(parse)
-        .use(slug)
-        .use(headings)
-        .use(squeezeParagraphs)
-        .use(externalLinks, this.options.externalLinks)
-        .use(footnotes, { inlineNotes: true })
+      let stream = unified().use(parse)
+
+      for (const name of this.plugins) {
+        try {
+          const plugin = require(name)
+          const options = this.options[camelCase(name.replace('remark-', ''))]
+          stream = stream.use(plugin, options)
+        } catch (e) {
+          logger.warn(`${name} is not installed`)
+        }
+      }
+
+      stream
         .use(remark2rehype, { handlers, allowDangerousHtml: true })
         .use(raw)
         .use(minifyWhiteSpace)