1
0
Fork 1
mirror of https://github.com/elk-zone/elk.git synced 2024-11-14 21:09:58 +00:00
elk/components/status/edit/StatusEditPreview.vue

30 lines
669 B
Vue
Raw Normal View History

2022-11-26 05:05:44 +00:00
<script setup lang="ts">
import type { StatusEdit } from 'masto'
const { edit } = defineProps<{
edit: StatusEdit
}>()
</script>
<template>
<div px3 py-4 flex="~ col">
<div text-center flex="~ row gap-1">
<AccountInlineInfo :account="edit.account" />
edited {{ useFormattedDateTime(edit.createdAt).value }}
</div>
<div h1px bg="gray/20" my2 />
<StatusSpoiler :enabled="edit.sensitive">
<template #spoiler>
{{ edit.spoilerText }}
</template>
<StatusBody :status="edit" />
<StatusMedia
v-if="edit.mediaAttachments.length"
:status="edit"
/>
</StatusSpoiler>
</div>
</template>