[Vue] MarkdownPlugin

markdown.js

import MarkdownIt from "markdown-it";

const markdown = new MarkdownIt({
  breaks: true,
  xhtmlOut: true
});

export default {
  install(Vue) {
    Vue.filter("markdown", function(text) {
      return markdown.renderInline(text);
    });

    Vue.directive("markdown", {
      inserted(el) {
        el.innerHTML = markdown.renderInline(el.innerText);
      }
    });

    Vue.mixin({
      methods: {
        formatMarkdown(str) {
          return markdown.renderInline(str);
        }
      }
    });
  }
};