elk/components/status/StatusBody.vue

35 lines
880 B
Vue
Raw Normal View History

2022-11-14 02:20:07 +00:00
<script setup lang="ts">
2023-01-05 16:48:20 +00:00
import type { Status, StatusEdit } from 'masto'
2022-11-14 02:20:07 +00:00
const { status, withAction = true } = defineProps<{
2023-01-05 16:48:20 +00:00
status: Status | StatusEdit
withAction?: boolean
2022-11-14 02:20:07 +00:00
}>()
2023-01-05 16:48:20 +00:00
const { translation } = useTranslation(status)
2022-11-14 02:20:07 +00:00
</script>
<template>
<div class="status-body mt2" whitespace-pre-wrap break-words :class="{ 'with-action': withAction }">
2022-11-27 06:16:02 +00:00
<ContentRich
v-if="status.content"
class="line-compact"
:content="status.content"
:emojis="status.emojis"
2023-01-05 16:48:20 +00:00
:lang="'language' in status && status.language"
/>
2022-12-23 21:53:21 +00:00
<div v-else />
<template v-if="translation.visible">
<div my2 h-px border="b base" bg-base />
<ContentRich class="line-compact" :content="translation.text" :emojis="status.emojis" />
</template>
2022-11-20 21:21:53 +00:00
</div>
2022-11-14 02:20:07 +00:00
</template>
<style>
.status-body.with-action p {
cursor: pointer;
min-height: 2rem;
}
</style>