mirror of
https://github.com/keven1024/015.git
synced 2026-05-28 16:09:37 +00:00
16 lines
468 B
Vue
16 lines
468 B
Vue
<script setup lang="ts">
|
|
import markdownit from 'markdown-it'
|
|
import { cx } from 'class-variance-authority'
|
|
const props = defineProps<{
|
|
markdown: string
|
|
class?: string
|
|
}>()
|
|
const renderHtml = computed(() => {
|
|
const md = markdownit()
|
|
return md.render(props?.markdown || '')
|
|
})
|
|
</script>
|
|
<template>
|
|
<div :class="cx('prose prose-sm [&>*]:outline-none prose-p:my-1 prose-headings:my-2 prose-pre:mb-0', props?.class)" v-html="renderHtml" />
|
|
</template>
|