elk/components/status/StatusReplyingTo.vue

24 lines
666 B
Vue
Raw Normal View History

2022-11-23 01:00:52 +01:00
<script setup lang="ts">
import type { Status } from 'masto'
const { status } = defineProps<{
status: Status
}>()
2022-11-24 09:57:24 +01:00
const account = asyncComputed(() => fetchAccount(status.inReplyToAccountId!))
2022-11-23 01:00:52 +01:00
</script>
<template>
2022-11-24 09:57:24 +01:00
<NuxtLink
v-if="status.inReplyToId"
2022-11-25 11:20:01 +01:00
flex="~ wrap" items-center text-sm text-gray:85
2022-11-24 09:57:24 +01:00
:to="getStatusPath({ id: status.inReplyToId } as any)"
:title="account ? `Replying to ${getDisplayName(account)}` : 'Replying to someone'"
>
<div i-ri:reply-fill rotate-180 op50 class="mr-1.5" />
<AccountInlineInfo v-if="account" :account="account" :link="false" />
<span v-else>Someone</span>
's post
</NuxtLink>
2022-11-23 01:00:52 +01:00
</template>