feat: basic conversations (#15)

components/conversation/ConversationCard.vue

@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import type { Conversation } from 'masto'
+
+const props = defineProps<{
+  conversation: Conversation
+}>()
+</script>
+
+<template>
+  <div flex flex-col gap-2>
+    <div flex gap-2>
+      With
+      <AccountInlineInfo v-for="account in conversation.accounts" :key="account.id" :account="account" />
+    </div>
+    <StatusCard v-if="conversation.lastStatus" :status="conversation.lastStatus" :actions="false" />
+  </div>
+</template>

components/conversation/ConversationPaginator.client.vue

@@ -0,0 +1,21 @@
+<script setup lang="ts">
+import type { Conversation, Paginator } from 'masto'
+
+const { paginator } = defineProps<{
+  paginator: Paginator<any, Conversation[]>
+}>()
+</script>
+
+<template>
+  <CommonPaginator
+    :paginator="paginator"
+    border="t border"
+  >
+    <template #default="{ item }">
+      <ConversationCard
+        :conversation="item"
+        border="b border" py-1
+      />
+    </template>
+  </CommonPaginator>
+</template>