vue-katex-auto-render/index.js

A KaTeX auto render library for vue directive.

import KatexAutoRender from 'katex/dist/contrib/auto-render'
import 'katex/dist/katex.min.css';

export default function (el, binding) {
  let options = {
    delimiters: [
      {left: "$$", right: "$$", display: true},
      {left: "$", right: "$", display: false},
      {left: "\\(", right: "\\)", display: false},
      {left: "\\[", right: "\\]", display: true}
    ]
  };
  if (binding.value) {
    options = binding.value;
  }
  el.style.position = 'relative';
  KatexAutoRender(el, options);
}