zio/elk
2
0
Fork 0
Code Releases 2 Packages 1 Activity

refactor: getAccountHandle, getAccountPath, getStatusPath

Browse source
This commit is contained in:
patak 2022-11-23 23:40:35 +01:00
parent 713617e19a
commit f596973603
8 changed files with 26 additions and 14 deletions
Download patch file Download diff file Expand all files Collapse all files

10
components/account/AccountHeader.vue
View file

@ -20,14 +20,14 @@ const createdAt = $computed(() => {
<div flex justify-between>
<div flex flex-col gap-2>
<div>
<NuxtLink :to="`/@${account.acct}`">
<NuxtLink :to="getAccountPath(account)">
<AccountAvatar :account="account" w-30 h-30 />
</NuxtLink>
</div>
<div flex flex-col>
<CommonRichContent font-bold text-2xl :content="getDisplayName(account)" :emojis="account.emojis" />
<p op50>
@{{ account.acct }}
{{ getAccountHandle(account) }}
</p>
</div>
</div>
@ -65,13 +65,13 @@ const createdAt = $computed(() => {
</div>
</div>
<div flex gap-5>
<NuxtLink :to="`/@${account.acct}/`" active-class="text-primary">
<NuxtLink :to="`/${getAccountHandle(account)}/`" active-class="text-primary">
<span font-bold>{{ account.statusesCount }}</span> Posts
</NuxtLink>
<NuxtLink :to="`/@${account.acct}/following`" active-class="text-primary">
<NuxtLink :to="`/${getAccountHandle(account)}/following`" active-class="text-primary">
<span font-bold>{{ account.followingCount }}</span> Following
</NuxtLink>
<NuxtLink :to="`/@${account.acct}/followers`" active-class="text-primary">
<NuxtLink :to="`/${getAccountHandle(account)}/followers`" active-class="text-primary">
<span font-bold>{{ account.followersCount }}</span> Followers
</NuxtLink>
</div>