frontmatter-markdown-loader

# Vue app

# vue-cli app

# Register the loader through vue.config.js

const Mode = require('frontmatter-markdown-loader/mode')

module.exports = {
  chainWebpack: config => {
    config.module
      .rule('markdown')
      .test(/\.md$/)
      .use('frontmatter-markdown-loader')
        .loader('frontmatter-markdown-loader')
        .tap(options => {
          return {
            mode: [Mode.VUE_COMPONENT]
          }
        })
  }
}

Otherwise, just refer Vue Component/Renderers Guide.

# Nuxt.js app

@nuxt/content is awesome

You are trying to build your blogging system on Nuxt.js with frontmatter-markdown-loader? Highly recommend using @nuxt/content (opens new window) instead 😉

# Register the loader through nuxt.config.js

import FMMode from "frontmatter-markdown-loader/mode";

  ...
  build: {
    extend (config: any): void {
      config.module.rules.push(
        {
          test: /\.md$/,
          loader: "frontmatter-markdown-loader",
          options: {
            mode: [FMMode.VUE_COMPONENT]
          }
        }
      )
    },
    ...
  }
  ...

Otherwise, just refer Vue Component/Renderers Guide.

← Type declarations →