elk/components/status/edit/StatusEditIndicator.vue
2023-01-08 14:21:09 +08:00

38 lines
900 B
Vue

<script setup lang="ts">
import type { mastodon } from 'masto'
const { status } = defineProps<{
status: mastodon.v1.Status
inline: boolean
}>()
const editedAt = computed(() => status.editedAt)
const formatted = useFormattedDateTime(editedAt)
</script>
<template>
<template v-if="editedAt">
<CommonTooltip v-if="inline" :content="$t('status.edited', [formatted])">
&#160;
<time
:title="editedAt"
:datetime="editedAt"
font-bold underline decoration-dashed
text-secondary
>&#160;*&#160;</time>
</CommonTooltip>
<CommonDropdown v-else>
<slot />
<template #popper>
<div text-sm p2>
<div text-center mb1>
{{ $t('status.edited', [formatted]) }}
</div>
<StatusEditHistory :status="status" />
</div>
</template>
</CommonDropdown>
</template>
</template>