From 89845517e35baec09abe0cf3e492d6a6401a0de8 Mon Sep 17 00:00:00 2001
From: Anthony Fu <anthonyfu117@hotmail.com>
Date: Mon, 21 Nov 2022 18:16:04 +0800
Subject: [PATCH] chore: account link

---
 components/account/AccountInfo.vue       | 7 ++++---
 components/account/AccountInlineInfo.vue | 4 ++--
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/components/account/AccountInfo.vue b/components/account/AccountInfo.vue
index 9172c734..6b586899 100644
--- a/components/account/AccountInfo.vue
+++ b/components/account/AccountInfo.vue
@@ -1,19 +1,20 @@
 <script setup lang="ts">
 import type { Account } from 'masto'
 
-defineProps<{
+const { link = true } = defineProps<{
   account: Account
+  link?: boolean
 }>()
 </script>
 
 <template>
   <div flex gap-2>
     <div p1>
-      <NuxtLink :to="`/@${account.acct}`">
+      <NuxtLink :to="link ? `/@${account.acct}` : null">
         <img :src="account.avatar" rounded w-10 h-10 bg-gray:10>
       </NuxtLink>
     </div>
-    <NuxtLink flex flex-col :to="`/@${account.acct}`">
+    <NuxtLink flex flex-col :to="link ? `/@${account.acct}` : null">
       <CommonRichContent font-bold :content="account.displayName" />
       <p op35 text-sm>
         @{{ account.acct }}
diff --git a/components/account/AccountInlineInfo.vue b/components/account/AccountInlineInfo.vue
index b3777f9e..364f7de6 100644
--- a/components/account/AccountInlineInfo.vue
+++ b/components/account/AccountInlineInfo.vue
@@ -7,8 +7,8 @@ defineProps<{
 </script>
 
 <template>
-  <a :href="`/@${account.acct}`" flex gap-2 font-bold items-center>
+  <NuxtLink :href="`/@${account.acct}`" flex gap-2 font-bold items-center>
     <img :src="account.avatar" class="w-5 h-5 rounded">
     <CommonRichContent :content="account.displayName" />
-  </a>
+  </NuxtLink>
 </template>