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 { status } = defineProps<{
|
2023-01-08 15:21:09 +09:00
|
|
|
status: mastodon.v1.Status
|
2022-11-26 14:05:44 +09:00
|
|
|
inline: boolean
|
|
|
|
}>()
|
|
|
|
|
2022-11-27 17:48:04 +09:00
|
|
|
const editedAt = computed(() => status.editedAt)
|
|
|
|
const formatted = useFormattedDateTime(editedAt)
|
2022-11-26 14:05:44 +09:00
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
|
|
|
<template v-if="editedAt">
|
2022-12-02 21:54:09 +09:00
|
|
|
<CommonTooltip v-if="inline" :content="$t('status.edited', [formatted])">
|
|
|
|
 
|
2022-11-26 14:05:44 +09:00
|
|
|
<time
|
|
|
|
:title="editedAt"
|
|
|
|
:datetime="editedAt"
|
|
|
|
font-bold underline decoration-dashed
|
2022-11-27 05:41:18 +09:00
|
|
|
text-secondary
|
2022-12-02 21:54:09 +09:00
|
|
|
> * </time>
|
2022-11-26 14:05:44 +09:00
|
|
|
</CommonTooltip>
|
|
|
|
|
|
|
|
<CommonDropdown v-else>
|
|
|
|
<slot />
|
|
|
|
|
|
|
|
<template #popper>
|
|
|
|
<div text-sm p2>
|
|
|
|
<div text-center mb1>
|
2022-12-01 22:59:28 +09:00
|
|
|
{{ $t('status.edited', [formatted]) }}
|
2022-11-26 14:05:44 +09:00
|
|
|
</div>
|
|
|
|
<StatusEditHistory :status="status" />
|
|
|
|
</div>
|
|
|
|
</template>
|
|
|
|
</CommonDropdown>
|
|
|
|
</template>
|
|
|
|
</template>
|