1
0
mirror of https://github.com/elk-zone/elk synced 2024-12-03 01:08:07 +09:00
elk/components/status/edit/StatusEditIndicator.vue

39 lines
900 B
Vue
Raw Normal View History

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">
<CommonTooltip v-if="inline" :content="$t('status.edited', [formatted])">
&#160;
2022-11-26 14:05:44 +09:00
<time
:title="editedAt"
:datetime="editedAt"
font-bold underline decoration-dashed
text-secondary
>&#160;*&#160;</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>