elk/components/timeline/TimelinePaginator.vue
2022-11-27 13:02:19 +08:00

28 lines
826 B
Vue

<script setup lang="ts">
// @ts-expect-error missing types
import { DynamicScrollerItem } from 'vue-virtual-scroller'
import type { Paginator, Status } from 'masto'
const { paginator } = defineProps<{
paginator: Paginator<any, Status[]>
}>()
</script>
<template>
<CommonPaginator :paginator="paginator" virtual-scroller>
<template #default="{ item, active }">
<DynamicScrollerItem :item="item" :active="active" :size-dependencies="[item.text]">
<StatusCard
:status="item"
border="b base" py-3
/>
</DynamicScrollerItem>
</template>
<template #loading>
<StatusCardSkeleton border="b base" py-3 />
<StatusCardSkeleton border="b base" py-3 op50 />
<StatusCardSkeleton border="b base" py-3 op25 />
</template>
</CommonPaginator>
</template>