2022-11-28 18:51:15 +09:00
|
|
|
<script setup lang="ts">
|
2023-01-08 15:21:09 +09:00
|
|
|
import type { mastodon } from 'masto'
|
2022-11-28 18:51:15 +09:00
|
|
|
|
2023-01-09 20:24:26 +09:00
|
|
|
defineProps<{
|
2023-01-08 15:21:09 +09:00
|
|
|
account: mastodon.v1.Account
|
2022-11-28 18:51:15 +09:00
|
|
|
}>()
|
2023-01-13 02:52:52 +09:00
|
|
|
|
|
|
|
const userSettings = useUserSettings()
|
2022-11-28 18:51:15 +09:00
|
|
|
</script>
|
|
|
|
|
|
|
|
<template>
|
|
|
|
<div flex gap-5>
|
2022-12-15 00:56:48 +09:00
|
|
|
<NuxtLink
|
|
|
|
:to="getAccountRoute(account)"
|
2023-01-09 17:48:39 +09:00
|
|
|
replace
|
2022-12-15 00:56:48 +09:00
|
|
|
text-secondary
|
|
|
|
exact-active-class="text-primary"
|
|
|
|
>
|
2022-11-28 19:14:58 +09:00
|
|
|
<template #default="{ isExactActive }">
|
2023-01-09 20:24:26 +09:00
|
|
|
<CommonLocalizedNumber
|
|
|
|
keypath="account.posts_count"
|
|
|
|
:count="account.statusesCount"
|
|
|
|
font-bold
|
|
|
|
:class="isExactActive ? 'text-primary' : 'text-base'"
|
|
|
|
/>
|
2022-11-28 19:14:58 +09:00
|
|
|
</template>
|
2022-11-28 18:51:15 +09:00
|
|
|
</NuxtLink>
|
2022-12-15 00:56:48 +09:00
|
|
|
<NuxtLink
|
|
|
|
:to="getAccountFollowingRoute(account)"
|
2023-01-09 17:48:39 +09:00
|
|
|
replace
|
2022-12-15 00:56:48 +09:00
|
|
|
text-secondary exact-active-class="text-primary"
|
|
|
|
>
|
2022-11-28 19:14:58 +09:00
|
|
|
<template #default="{ isExactActive }">
|
2023-01-09 20:24:26 +09:00
|
|
|
<CommonLocalizedNumber
|
|
|
|
keypath="account.following_count"
|
|
|
|
:count="account.followingCount"
|
|
|
|
font-bold
|
|
|
|
:class="isExactActive ? 'text-primary' : 'text-base'"
|
|
|
|
/>
|
2022-11-28 19:14:58 +09:00
|
|
|
</template>
|
2022-11-28 18:51:15 +09:00
|
|
|
</NuxtLink>
|
2022-12-15 00:56:48 +09:00
|
|
|
<NuxtLink
|
2023-01-13 02:52:52 +09:00
|
|
|
v-if="!getWellnessSetting(userSettings, 'hideFollowerCount')"
|
2022-12-15 00:56:48 +09:00
|
|
|
:to="getAccountFollowersRoute(account)"
|
2023-01-10 23:45:17 +09:00
|
|
|
replace text-secondary
|
|
|
|
exact-active-class="text-primary"
|
2022-12-15 00:56:48 +09:00
|
|
|
>
|
2022-11-28 19:14:58 +09:00
|
|
|
<template #default="{ isExactActive }">
|
2023-01-09 20:24:26 +09:00
|
|
|
<CommonLocalizedNumber
|
|
|
|
keypath="account.followers_count"
|
|
|
|
:count="account.followersCount"
|
|
|
|
font-bold
|
|
|
|
:class="isExactActive ? 'text-primary' : 'text-base'"
|
|
|
|
/>
|
2022-11-28 19:14:58 +09:00
|
|
|
</template>
|
2022-11-28 18:51:15 +09:00
|
|
|
</NuxtLink>
|
|
|
|
</div>
|
|
|
|
</template>
|