mirror of
https://github.com/elk-zone/elk.git
synced 2025-03-09 01:37:27 +03:00
29 lines
498 B
Vue
29 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>
|