From d4300d8d83d34c0cbe7efe9f481b7a345ae6e2bf Mon Sep 17 00:00:00 2001
From: patak <matias.capeletto@gmail.com>
Date: Sat, 26 Nov 2022 17:42:53 +0100
Subject: [PATCH] fix: use full account handle, clean up

---
 components/account/AccountHoverCard.vue    | 6 +++---
 components/account/AccountInfo.vue         | 2 --
 components/status/StatusAccountDetails.vue | 6 +-----
 components/user/UserSwitcher.vue           | 2 +-
 composables/masto.ts                       | 1 -
 5 files changed, 5 insertions(+), 12 deletions(-)

diff --git a/components/account/AccountHoverCard.vue b/components/account/AccountHoverCard.vue
index fabba76f..149d13a6 100644
--- a/components/account/AccountHoverCard.vue
+++ b/components/account/AccountHoverCard.vue
@@ -10,15 +10,15 @@ defineProps<{
   <div bg-base border="~ base" rounded w-80 z-900 overflow-hidden p-4 class="account-hover-card">
     <AccountInfo :account="account" />
     <div text-sm flex flex-row text-gray mt-4>
-      <NuxtLink :to="`/${getShortHandle(account)}/`">
+      <NuxtLink :to="`/${getFullHandle(account)}/`">
         {{ formattedNumber(account.statusesCount) }} Posts
       </NuxtLink>
       <span flex-1 text-center> • </span>
-      <NuxtLink :to="`/${getShortHandle(account)}/following`">
+      <NuxtLink :to="`/${getFullHandle(account)}/following`">
         {{ humanReadableNumber(account.followingCount) }} Following
       </NuxtLink>
       <span flex-1 text-center> • </span>
-      <NuxtLink :to="`/${getShortHandle(account)}/followers`">
+      <NuxtLink :to="`/${getFullHandle(account)}/followers`">
         {{ humanReadableNumber(account.followersCount) }} Followers
       </NuxtLink>
     </div>
diff --git a/components/account/AccountInfo.vue b/components/account/AccountInfo.vue
index 49993e83..ff0167b7 100644
--- a/components/account/AccountInfo.vue
+++ b/components/account/AccountInfo.vue
@@ -7,8 +7,6 @@ const { account, link = true, fullServer = false } = defineProps<{
   fullServer?: boolean
   hover?: boolean
 }>()
-
-const accountHandle = $(useAccountHandle(account, fullServer))
 </script>
 
 <template>
diff --git a/components/status/StatusAccountDetails.vue b/components/status/StatusAccountDetails.vue
index 6549477f..eed00a3a 100644
--- a/components/status/StatusAccountDetails.vue
+++ b/components/status/StatusAccountDetails.vue
@@ -5,8 +5,6 @@ const { account, link = true } = defineProps<{
   account: Account
   link?: boolean
 }>()
-
-const accountHandle = $(useAccountHandle(account))
 </script>
 
 <template>
@@ -15,8 +13,6 @@ const accountHandle = $(useAccountHandle(account))
     flex="~ col" min-w-0 md:flex="~ row gap-2" md:items-center
   >
     <ContentRich font-bold break-words hover:underline :content="getDisplayName(account, { rich: true })" :emojis="account.emojis" />
-    <p op35 text-sm>
-      {{ accountHandle }}
-    </p>
+    <AccountHandle :account="account" op50 />
   </NuxtLink>
 </template>
diff --git a/components/user/UserSwitcher.vue b/components/user/UserSwitcher.vue
index 1349528d..7471f26f 100644
--- a/components/user/UserSwitcher.vue
+++ b/components/user/UserSwitcher.vue
@@ -41,7 +41,7 @@ const sorted = computed(() => {
         @click="signout"
       >
         <div i-ri:logout-box-line />
-        Sign out {{ getShortHandle(currentUser.account) }}
+        Sign out {{ getFullHandle(currentUser.account) }}
       </button>
     </div>
   </div>
diff --git a/composables/masto.ts b/composables/masto.ts
index 295aaa16..9872ddfa 100644
--- a/composables/masto.ts
+++ b/composables/masto.ts
@@ -48,7 +48,6 @@ export function getDisplayName(account?: Account, options?: { rich?: boolean })
 }
 
 export function getShortHandle({ acct }: Account) {
-  
   return `@${acct.includes('@') ? acct.split('@')[0] : acct}`
 }