2022-11-14 11:20:07 +09:00
|
|
|
<script setup lang="ts">
|
|
|
|
import type { Status } from 'masto'
|
|
|
|
|
2022-11-26 09:04:31 +09:00
|
|
|
const { status, withAction = true } = defineProps<{
|
2022-11-14 11:20:07 +09:00
|
|
|
status: Status
|
2022-11-26 09:04:31 +09:00
|
|
|
withAction?: boolean
|
2022-11-14 11:20:07 +09:00
|
|
|
}>()
|
2022-11-25 09:14:16 +09:00
|
|
|
const { translation } = useTranslation(status)
|
2022-11-14 11:20:07 +09:00
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
2022-11-26 09:04:31 +09:00
|
|
|
<div class="status-body" whitespace-pre-wrap break-words :class="{ 'with-action': withAction }">
|
2022-11-27 15:16:02 +09:00
|
|
|
<ContentRich
|
2022-11-28 01:54:11 +09:00
|
|
|
v-if="status.content"
|
|
|
|
:content="status.content"
|
2022-11-25 21:10:45 +09:00
|
|
|
:emojis="status.emojis"
|
2022-12-05 15:20:42 +09:00
|
|
|
:lang="status.language"
|
2022-11-25 21:10:45 +09:00
|
|
|
/>
|
2022-11-27 04:06:07 +09:00
|
|
|
<div v-else h-3 />
|
2022-11-28 01:54:11 +09:00
|
|
|
<template v-if="translation.visible">
|
|
|
|
<div my2 h-px border="b base" bg-base />
|
|
|
|
<ContentRich :content="translation.text" :emojis="status.emojis" />
|
|
|
|
</template>
|
2022-11-21 06:21:53 +09:00
|
|
|
</div>
|
2022-11-14 11:20:07 +09:00
|
|
|
</template>
|
2022-11-26 09:04:31 +09:00
|
|
|
|
|
|
|
<style>
|
|
|
|
.status-body.with-action p {
|
|
|
|
cursor: pointer;
|
|
|
|
}
|
|
|
|
</style>
|