feat: hover card for content @

components/account/AccountHoverWrapper.vue

@@ -1,17 +1,20 @@
 <script setup lang="ts">
 import type { Account } from 'masto'
 
-defineProps<{
-  account: Account
+const props = defineProps<{
+  account?: Account
+  handle?: string
   disabled?: boolean
 }>()
+
+const account = props.account || (props.handle ? useAccountByHandle(props.handle!) : undefined)
 </script>
 
 <template>
-  <VMenu v-if="!disabled" placement="bottom-start" :delay="{ show: 500, hide: 100 }">
+  <VMenu v-if="!disabled && account" placement="bottom-start" :delay="{ show: 500, hide: 100 }">
     <slot />
     <template #popper>
-      <AccountHoverCard :account="account" />
+      <AccountHoverCard v-if="account" :account="account" />
     </template>
   </VMenu>
   <slot v-else />

components/status/StatusReplyingTo.vue

@@ -5,7 +5,7 @@ const { status } = defineProps<{
   status: Status
 }>()
 
-const account = asyncComputed(() => fetchAccount(status.inReplyToAccountId!))
+const account = useAccountById(status.inReplyToAccountId!)
 </script>
 
 <template>