1
0
mirror of https://github.com/elk-zone/elk synced 2024-12-18 00:28:01 +09:00
elk/components/conversation/ConversationCard.vue
2022-12-13 15:56:00 +01:00

27 lines
798 B
Vue

<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>