1
0
mirror of https://github.com/elk-zone/elk synced 2024-12-26 04:28:00 +09:00
elk/components/status/edit/StatusEditIndicator.vue
2022-12-02 20:54:09 +08:00

39 lines
886 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(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>