elk/components/timeline/TimelinePaginator.client.vue

23 lines
521 B
Vue
Raw Normal View History

2022-11-15 13:00:28 +00:00
<script setup lang="ts">
import type { Paginator, Status } from 'masto'
const { paginator } = defineProps<{
paginator: Paginator<any, Status[]>
}>()
const { items: statuses, isLoading, isDone, endAnchor } = usePaginator(paginator)
2022-11-15 13:00:28 +00:00
</script>
<template>
<template v-for="status of statuses" :key="status.id">
<StatusCard :status="status" border="t border" pt-4 />
</template>
<div ref="endAnchor" />
<div v-if="isLoading">
Loading...
</div>
<div v-if="isDone">
End of list
</div>
</template>