feat: media grid

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

@@ -4,10 +4,13 @@ const props = defineProps<{
 }>()
 
 const params = useRoute().params
+
+const masto = await useMasto()
+const { data: status } = await useAsyncData(() => masto.statuses.fetch(params.post as string))
 </script>
 
 <template>
-  <div>
-    {{ params }}
+  <div w-130>
+    <StatusCard :status="status" />
   </div>
 </template>

pages/index.vue

@@ -4,9 +4,7 @@ const { data: timelines } = await useAsyncData('public-timelines', () => masto.t
 </script>
 
 <template>
-  <div w-150>
-    <template v-for="status of timelines" :key="status.id">
-      <StatusCard :status="status" border="t gray/10" pt-4 />
-    </template>
+  <div w-120>
+    <TimelineList :timelines="timelines" />
   </div>
 </template>