fix(docs): create local marked-loader.js (#2380)

Author: tmorehouse

docs/nuxt.config.js

@@ -1,4 +1,5 @@
 const fs = require('fs')
+const path = require('path')
 const hljs = require('highlightjs')
 const marked = require('marked')
 
@@ -35,14 +36,17 @@ module.exports = {
     extend (config, { loaders }) {
       config.resolve.alias.vue = 'vue/dist/vue.common'
 
+      config.resolveLoader.alias = config.resolveLoader.alias || {}
+      config.resolveLoader.alias['marked-loader'] = path.join(__dirname, './utils/marked-loader')
+
       config.devtool = 'source-map'
 
       config.module.rules.push({
         test: /\.md$/,
         use: [
           { loader: 'html-loader' },
           {
-            loader: 'markdown-loader',
+            loader: 'marked-loader',
             options: {
               renderer,
               headerIds: true,

docs/utils/marked-loader.js

@@ -0,0 +1,18 @@
+// Based on https://github.com/peerigon/markdown-loader/
+// Converts markdown files into HTML format
+// Config options are passed directly to marked
+// - https://marked.js.org/#/USING_ADVANCED.md#options
+
+const marked = require('marked')
+const { getOptions } = require('loader-utils')
+
+module.exports = function (markdown) {
+  // merge params and default config
+  const options = getOptions(this)
+  // Make results cacheable
+  this.cacheable()
+  // Pass our options
+  marked.setOptions(options)
+  // Return the converted file as HTML
+  return marked(markdown)
+}

package.json

@@ -113,9 +113,9 @@
     "highlightjs": "^9.12.0",
     "html-loader": "^0.5.5",
     "jest": "^23.6.0",
+    "loader-utils": "^1.2.3",
     "lodash": "^4.17.11",
-    "markdown-loader": "^4.0.0",
-    "marked": "^0.5.2",
+    "marked": "^0.6.0",
     "node-sass": "^4.11.0",
     "nuxt-edge": "^2.4.0-25770819.0e9eca2f",
     "postcss-cli": "^6.1.0",