27 lines
683 B
Vue
27 lines
683 B
Vue
<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 }" context="public" />
|
|
</slot>
|
|
</MainContent>
|
|
</template>
|