# Vue app

# Nuxt.js app

# 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.

# 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.