1
0
mirror of https://github.com/elk-zone/elk synced 2024-12-13 06:08:06 +09:00
elk/components/status/edit/StatusEditPreview.vue

29 lines
715 B
Vue
Raw Normal View History

2022-11-26 14:05:44 +09:00
<script setup lang="ts">
2023-01-08 15:21:09 +09:00
import type { mastodon } from 'masto'
2022-11-26 14:05:44 +09:00
const { edit } = defineProps<{
2023-01-08 15:21:09 +09:00
edit: mastodon.v1.StatusEdit
2022-11-26 14:05:44 +09:00
}>()
</script>
<template>
<div px3 py-4 flex="~ col">
<div text-center flex="~ row gap-1 wrap">
2022-11-26 14:05:44 +09:00
<AccountInlineInfo :account="edit.account" />
<span>
{{ $t('status_history.edited', [useFormattedDateTime(edit.createdAt).value]) }}
</span>
2022-11-26 14:05:44 +09:00
</div>
<div h1px bg="gray/20" my2 />
<StatusSpoiler :enabled="edit.sensitive">
<template #spoiler>
{{ edit.spoilerText }}
</template>
<StatusBody :status="edit" />
2023-01-06 01:48:20 +09:00
<StatusMedia v-if="edit.mediaAttachments.length" :status="edit" />
2022-11-26 14:05:44 +09:00
</StatusSpoiler>
</div>
</template>