diff --git a/components/common/CommonPaginator.vue b/components/common/CommonPaginator.vue index ec86a5fa..abb0f9f4 100644 --- a/components/common/CommonPaginator.vue +++ b/components/common/CommonPaginator.vue @@ -2,7 +2,7 @@ // @ts-expect-error missing types import { DynamicScroller } from 'vue-virtual-scroller' import 'vue-virtual-scroller/dist/vue-virtual-scroller.css' -import type { Paginator, WsEvents } from 'masto' +import type { Account, Paginator, WsEvents } from 'masto' const { paginator, @@ -11,6 +11,7 @@ const { virtualScroller = false, eventType = 'update', preprocess, + isAccountTimeline, } = defineProps<{ paginator: Paginator keyProp?: string @@ -18,6 +19,7 @@ const { stream?: Promise eventType?: 'notification' | 'update' preprocess?: (items: any[]) => any[] + isAccountTimeline?: boolean }>() defineSlots<{ @@ -34,6 +36,16 @@ defineSlots<{ loading: {} }>() +let account: Account | null = null + +const { params } = useRoute() + +if (isAccountTimeline) { + const handle = $(computedEager(() => params.account as string)) + + account = await fetchAccountByHandle(handle) +} + const { items, prevItems, update, state, endAnchor, error } = usePaginator(paginator, stream, eventType, preprocess) @@ -72,8 +84,14 @@ const { items, prevItems, update, state, endAnchor, error } = usePaginator(pagin -
- {{ $t('common.end_of_list') }} +
+ +
{{ $t('common.error') }}: {{ error }} diff --git a/components/timeline/TimelinePaginator.vue b/components/timeline/TimelinePaginator.vue index b651ff80..89fe3035 100644 --- a/components/timeline/TimelinePaginator.vue +++ b/components/timeline/TimelinePaginator.vue @@ -16,7 +16,7 @@ const virtualScroller = $(computedEager(() => useFeatureFlags().experimentalVirt