Files
remanso/src/hooks/useMarkdown.hook.ts

20 lines
524 B
TypeScript

import MarkdownIt from 'markdown-it'
import markdownItClass from '@toycode/markdown-it-class'
const md = new MarkdownIt().use(markdownItClass, {
h1: ['title', 'is-1'],
h2: ['subtitle', 'is-2'],
h3: ['subtitle', 'is-3'],
h4: ['subtitle', 'is-4'],
h5: ['subtitle', 'is-5'],
h6: ['subtitle', 'is-6'],
table: ['table', 'is-striped', 'is-hoverable', 'is-fullwidth']
})
export const useMarkdown = () => {
return {
render: (content: string) =>
md.render(decodeURIComponent(escape(atob(content))))
}
}