feat: use masto client

pages/@[user]/index.vue

@@ -0,0 +1,13 @@
+<script setup lang="ts">
+const props = defineProps<{
+  modelValue?: boolean
+}>()
+
+const params = useRoute().params
+</script>
+
+<template>
+  <div>
+    {{ params }}
+  </div>
+</template>

pages/index.vue

@@ -1,12 +1,12 @@
 <script setup lang="ts">
-const client = useClient()
-const { data: posts } = await useAsyncData(() => client.getPublicTimeline())
+const masto = await useMasto()
+const { data: timelines } = await useAsyncData('public-timelines', () => masto.timelines.fetchPublic().then(r => r.value))
 </script>
 
 <template>
   <div w-150>
-    <template v-for="post in posts" :key="post.id">
-      <PostCard :post="post" border="t gray/10" pt-4 />
+    <template v-for="status of timelines" :key="status.id">
+      <StatusCard :status="status" border="t gray/10" pt-4 />
     </template>
   </div>
 </template>