chore: account link
parent
2267ca6122
commit
89845517e3
|
@ -1,19 +1,20 @@
|
||||||
<script setup lang="ts">
|
<script setup lang="ts">
|
||||||
import type { Account } from 'masto'
|
import type { Account } from 'masto'
|
||||||
|
|
||||||
defineProps<{
|
const { link = true } = defineProps<{
|
||||||
account: Account
|
account: Account
|
||||||
|
link?: boolean
|
||||||
}>()
|
}>()
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<div flex gap-2>
|
<div flex gap-2>
|
||||||
<div p1>
|
<div p1>
|
||||||
<NuxtLink :to="`/@${account.acct}`">
|
<NuxtLink :to="link ? `/@${account.acct}` : null">
|
||||||
<img :src="account.avatar" rounded w-10 h-10 bg-gray:10>
|
<img :src="account.avatar" rounded w-10 h-10 bg-gray:10>
|
||||||
</NuxtLink>
|
</NuxtLink>
|
||||||
</div>
|
</div>
|
||||||
<NuxtLink flex flex-col :to="`/@${account.acct}`">
|
<NuxtLink flex flex-col :to="link ? `/@${account.acct}` : null">
|
||||||
<CommonRichContent font-bold :content="account.displayName" />
|
<CommonRichContent font-bold :content="account.displayName" />
|
||||||
<p op35 text-sm>
|
<p op35 text-sm>
|
||||||
@{{ account.acct }}
|
@{{ account.acct }}
|
||||||
|
|
|
@ -7,8 +7,8 @@ defineProps<{
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<template>
|
<template>
|
||||||
<a :href="`/@${account.acct}`" flex gap-2 font-bold items-center>
|
<NuxtLink :href="`/@${account.acct}`" flex gap-2 font-bold items-center>
|
||||||
<img :src="account.avatar" class="w-5 h-5 rounded">
|
<img :src="account.avatar" class="w-5 h-5 rounded">
|
||||||
<CommonRichContent :content="account.displayName" />
|
<CommonRichContent :content="account.displayName" />
|
||||||
</a>
|
</NuxtLink>
|
||||||
</template>
|
</template>
|
||||||
|
|
Loading…
Reference in New Issue