mirror of
https://github.com/keven1024/015.git
synced 2026-05-26 07:08:02 +00:00
24 lines
613 B
Vue
24 lines
613 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 prose-blockquote:border-black/50 selection:bg-primary/20',
|
|
props?.class
|
|
)
|
|
"
|
|
v-html="renderHtml"
|
|
/>
|
|
</template>
|