<script setup lang="ts"> import type { Conversation } from 'masto' const { conversation } = defineProps<{ conversation: Conversation }>() const withAccounts = $computed(() => conversation.accounts.filter(account => account.id !== conversation.lastStatus?.account.id), ) </script> <template> <article v-if="conversation.lastStatus" flex flex-col gap-2> <StatusCard v-if="conversation.lastStatus" :status="conversation.lastStatus" :actions="false"> <template #meta> <div flex gap-2 text-sm text-secondary font-bold> <p mr-1> {{ $t('conversation.with') }} </p> <AccountAvatar v-for="account in withAccounts" :key="account.id" h-5 w-5 :account="account" /> </div> </template> </StatusCard> </article> </template>