import MarkdownIt from 'markdown-it'
import markdownItClass from '@toycode/markdown-it-class'

const md = new MarkdownIt({
  typographer: true,
  quotes: ['«\xA0', '\xA0»', '‹\xA0', '\xA0›']
}).use(markdownItClass, {
  h1: ['title', 'is-2'],
  h2: ['title', 'is-3'],
  h3: ['title', 'is-4'],
  h4: ['title', 'is-5'],
  h5: ['title', 'is-6'],
  h6: ['title', 'is-6'],
  table: ['table', 'is-striped', 'is-hoverable']
})

export const useMarkdown = () => {
  return {
    renderString: (content: string) => md.render(content),
    render: (content: string) =>
      md.render(decodeURIComponent(escape(atob(content))))
  }
}