<script setup lang="ts"> const paginator = useMasto().timelines.iteratePublic() const stream = await useMasto().stream.streamPublicTimeline() onBeforeUnmount(() => stream.disconnect()) const { t } = useI18n() useHeadFixed({ title: () => t('title.federated_timeline'), }) </script> <template> <MainContent> <template #title> <NuxtLink to="/public" text-lg font-bold flex items-center gap-2 @click="$scrollToTop"> <div i-ri:group-2-line /> <span>{{ t('title.federated_timeline') }}</span> </NuxtLink> </template> <slot> <TimelinePaginator v-bind="{ paginator, stream }" /> </slot> </MainContent> </template>