mirror of
https://github.com/elk-zone/elk.git
synced 2024-11-26 19:27:03 +03:00
37 lines
825 B
Vue
37 lines
825 B
Vue
|
<script setup lang="ts">
|
||
|
|
import type { Status } from 'masto'
|
||
|
|
|
||
|
|
const { status } = defineProps<{
|
||
|
|
status: Status
|
||
|
|
inline: boolean
|
||
|
|
}>()
|
||
|
|
|
||
|
|
const editedAt = $computed(() => status.editedAt)
|
||
|
|
const formatted = useFormattedDateTime(status.editedAt)
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<template v-if="editedAt">
|
||
|
|
<CommonTooltip v-if="inline" :content="`Edited ${formatted}`">
|
||
|
|
<time
|
||
|
|
:title="editedAt"
|
||
|
|
:datetime="editedAt"
|
||
|
|
font-bold underline decoration-dashed
|
||
|
|
> *</time>
|
||
|
|
</CommonTooltip>
|
||
|
|
|
||
|
|
<CommonDropdown v-else>
|
||
|
|
<slot />
|
||
|
|
|
||
|
|
<template #popper>
|
||
|
|
<div text-sm p2>
|
||
|
|
<div text-center mb1>
|
||
|
|
Edited {{ formatted }}
|
||
|
|
</div>
|
||
|
|
<StatusEditHistory :status="status" />
|
||
|
|
</div>
|
||
|
|
</template>
|
||
|
|
</CommonDropdown>
|
||
|
|
</template>
|
||
|
|
</template>
|