forked from Mirrors/elk
30 lines
498 B
Vue
30 lines
498 B
Vue
<script setup lang="ts">
|
|
import type { Post } from '~/api-client/types'
|
|
|
|
const props = defineProps<{
|
|
post: Post
|
|
}>()
|
|
</script>
|
|
|
|
<template>
|
|
<div class="post-body" v-html="sanitize(post.content)" />
|
|
</template>
|
|
|
|
<style>
|
|
.post-body a {
|
|
--at-apply: text-primary hover:underline;
|
|
}
|
|
.post-body b {
|
|
--at-apply: font-bold;
|
|
}
|
|
.post-body p {
|
|
--at-apply: my-1;
|
|
}
|
|
.post-body a .invisible {
|
|
--at-apply: hidden;
|
|
}
|
|
.post-body a .ellipsis {
|
|
--at-apply: truncate overflow-hidden ws-nowrap;
|
|
}
|
|
</style>
|