elk/components/status/StatusBody.vue
2022-11-28 00:54:11 +08:00

31 lines
732 B
Vue

<script setup lang="ts">
import type { Status } from 'masto'
const { status, withAction = true } = defineProps<{
status: Status
withAction?: boolean
}>()
const { translation } = useTranslation(status)
</script>
<template>
<div class="status-body" whitespace-pre-wrap break-words :class="{ 'with-action': withAction }">
<ContentRich
v-if="status.content"
:content="status.content"
:emojis="status.emojis"
/>
<div v-else h-3 />
<template v-if="translation.visible">
<div my2 h-px border="b base" bg-base />
<ContentRich :content="translation.text" :emojis="status.emojis" />
</template>
</div>
</template>
<style>
.status-body.with-action p {
cursor: pointer;
}
</style>