feat: move timelines to components (#514)

pages/home.vue

@@ -11,10 +11,6 @@ if (useRoute().path === '/signin/callback') {
   useRouter().push('/home')
 }
 
-const paginator = useMasto().timelines.iterateHome()
-const stream = await useMasto().stream.streamUser()
-onBeforeUnmount(() => stream.disconnect())
-
 const { t } = useI18n()
 useHeadFixed({
   title: () => t('nav_side.home'),
@@ -29,9 +25,7 @@ useHeadFixed({
         <span>{{ $t('nav_side.home') }}</span>
       </NuxtLink>
     </template>
-    <slot>
-      <PublishWidget draft-key="home" border="b base" />
-      <TimelinePaginator v-bind="{ paginator, stream }" context="home" />
-    </slot>
+
+    <TimelineHome v-if="isMastoInitialised" />
   </MainContent>
 </template>