jointrashposs/components/content/MfmPreview.vue

22 lines
603 B
Vue
Raw Normal View History

2023-07-12 05:57:32 +02:00
<template>
2023-09-29 13:30:13 +02:00
<div class="rounded-lg border border-slate-200 dark:border-slate-700 p-6 mfm-root mb-4 relative overflow-hidden">
<div class="absolute top-0 left-0 px-1 py-0.5 text-xs bg-slate-200 dark:bg-slate-800 rounded-br-lg z-20">{{ $t('_content.preview') }}</div>
<div class="ignore" :class="$style.mfmRoot">
<MkMfm :text="text" baseHost="misskey.io" />
</div>
2023-07-12 05:57:32 +02:00
</div>
</template>
<script setup lang="ts">
import MkMfm from '@/components/mk/Mfm';
defineProps<{
text: string;
}>();
</script>
<style module>
.mfmRoot img {
display: inline;
}
</style>