34 lines
1.2 KiB
Vue
34 lines
1.2 KiB
Vue
<script setup lang="ts">
|
|
import type { mastodon } from 'masto'
|
|
import { STORAGE_KEY_LAST_ACCESSED_NOTIFICATION_ROUTE } from '~/constants'
|
|
|
|
const { filter } = defineProps<{
|
|
filter?: mastodon.v1.NotificationType
|
|
}>()
|
|
|
|
const route = useRoute()
|
|
const lastAccessedNotificationRoute = useLocalStorage(STORAGE_KEY_LAST_ACCESSED_NOTIFICATION_ROUTE, '')
|
|
|
|
const options = { limit: 30, types: filter ? [filter] : [] }
|
|
|
|
// Default limit is 20 notifications, and servers are normally caped to 30
|
|
const paginator = useMastoClient().v1.notifications.list(options)
|
|
|
|
// streaming requires user session
|
|
let stream: Ref<mastodon.streaming.Subscription | undefined>
|
|
if (currentUser.value !== undefined)
|
|
// @ts-expect-error Type error should be fixed with the following PR to masto.js: https://github.com/neet/masto.js/pull/1355
|
|
stream = useStreaming(client => client.user.notification.subscribe())
|
|
|
|
lastAccessedNotificationRoute.value = route.path.replace(/\/notifications\/?/, '')
|
|
|
|
const { clearNotifications } = useNotifications()
|
|
onActivated(() => {
|
|
clearNotifications()
|
|
lastAccessedNotificationRoute.value = route.path.replace(/\/notifications\/?/, '')
|
|
})
|
|
</script>
|
|
|
|
<template>
|
|
<NotificationPaginator v-bind="{ paginator, stream }" />
|
|
</template>
|