elk/components/notification/NotificationPaginator.clien...

19 lines
529 B
Vue
Raw Normal View History

2022-11-15 22:21:54 +01:00
<script setup lang="ts">
import type { Notification, Paginator } from 'masto'
const { paginator } = defineProps<{
paginator: Paginator<any, Notification[]>
}>()
2022-11-16 17:11:08 +01:00
const { items: notifications, state, endAnchor } = usePaginator(paginator)
2022-11-15 22:21:54 +01:00
</script>
<template>
2022-11-16 17:11:08 +01:00
<CommonPaginator :state="state">
<template v-for="notification of notifications" :key="notification.id">
<NotificationCard :notification="notification" border="t border" pt-4 />
</template>
<div ref="endAnchor" />
</CommonPaginator>
2022-11-15 22:21:54 +01:00
</template>