forked from Mirrors/elk
32 lines
860 B
Vue
32 lines
860 B
Vue
|
<script setup lang="ts">
|
||
|
|
import type { Status, StatusEdit } from 'masto'
|
||
|
|
|
||
|
|
const { status } = defineProps<{
|
||
|
|
status: Status
|
||
|
|
}>()
|
||
|
|
|
||
|
|
const { data: statusEdits } = useAsyncData(`status:history:${status.id}`, () => masto.statuses.fetchHistory(status.id).then(res => res.reverse()))
|
||
|
|
|
||
|
|
const showHistory = (edit: StatusEdit) => {
|
||
|
|
openEditHistoryDialog(edit)
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<template>
|
||
|
|
<template v-if="statusEdits">
|
||
|
|
<CommonDropdownItem
|
||
|
|
v-for="(edit, idx) in statusEdits"
|
||
|
|
:key="idx"
|
||
|
|
px="0.5"
|
||
|
|
@click="showHistory(edit)"
|
||
|
|
>
|
||
|
|
{{ getDisplayName(edit.account) }}
|
||
|
|
{{ idx === statusEdits.length - 1 ? 'created' : 'edited' }}
|
||
|
|
{{ useTimeAgo(edit.createdAt, { showSecond: true }).value }}
|
||
|
|
</CommonDropdownItem>
|
||
|
|
</template>
|
||
|
|
<template v-else>
|
||
|
|
<div i-ri:loader-2-fill animate-spin text-2xl ma />
|
||
|
|
</template>
|
||
|
|
</template>
|