feat: basic conversations (#15)

pages/@[user]/[post].vue

@@ -12,10 +12,11 @@ const { data: context } = await useAsyncData(`${id}-context`, () => masto.status
 </script>
 
 <template>
+  <template v-for="comment of context?.ancestors" :key="comment.id">
+    <StatusCard :status="comment" border="t border" pt-4 />
+  </template>
   <StatusDetails :status="status" />
   <template v-for="comment of context?.descendants" :key="comment.id">
     <StatusCard :status="comment" border="t border" pt-4 />
   </template>
-  <pre>{{ status }}</pre>
-  <pre>{{ context }}</pre>
 </template>

pages/conversations.vue

@@ -0,0 +1,22 @@
+<script setup lang="ts">
+definePageMeta({
+  middleware: 'auth',
+})
+
+const masto = await useMasto()
+const paginator = masto.conversations.getIterator()
+</script>
+
+<template>
+  <MainContent>
+    <template #title>
+      <div i-ri:at-line h-6 mr-1 /><span>Conversations</span>
+    </template>
+    <template #actions>
+      <div color-gray i-ri:equalizer-fill mr-1 h-6 />
+    </template>
+    <slot>
+      <ConversationPaginator :paginator="paginator" />
+    </slot>
+  </MainContent>
+</template>