fix: use full account handle, clean up

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>

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>