From 8d6424f7ad061602dfcbd4857a82870f65030f60 Mon Sep 17 00:00:00 2001
From: mehm8128 <mehm8128@gmail.com>
Date: Mon, 10 Jun 2024 21:46:15 +0900
Subject: [PATCH] =?UTF-8?q?traP=E3=83=96=E3=83=AD=E3=82=B0=E3=81=B8?=
 =?UTF-8?q?=E3=81=AE=E3=83=AA=E3=83=B3=E3=82=AF=E3=82=92=E8=BF=BD=E5=8A=A0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/User/AccountList.vue         | 17 +++++++++++++----
 src/components/User/AccountListItem.vue     | 18 ++++++++++--------
 src/components/User/UserDetailContainer.vue |  6 +++++-
 3 files changed, 28 insertions(+), 13 deletions(-)

diff --git a/src/components/User/AccountList.vue b/src/components/User/AccountList.vue
index ee4b0dd..88aa554 100644
--- a/src/components/User/AccountList.vue
+++ b/src/components/User/AccountList.vue
@@ -2,15 +2,23 @@
 import AccountListItem from './AccountListItem.vue'
 import { Account } from '/@/lib/apis'
 
-interface Props {
+const props = defineProps<{
+  userName: string
   accounts: Account[]
-}
-
-defineProps<Props>()
+}>()
 </script>
 
 <template>
   <ul :class="$style.accounts">
+    <li>
+      <a
+        :href="`https://trap.jp/author/${props.userName}`"
+        target="_blank"
+        rel="noreferrer noopener"
+      >
+        <img src="/@/assets/traP_logo_icon.svg" width="24" height="24" />
+      </a>
+    </li>
     <account-list-item
       v-for="account in accounts"
       :key="account.id"
@@ -23,5 +31,6 @@ defineProps<Props>()
 .accounts {
   display: flex;
   gap: 0.5rem;
+  list-style: none;
 }
 </style>
diff --git a/src/components/User/AccountListItem.vue b/src/components/User/AccountListItem.vue
index 982a28f..15e67cf 100644
--- a/src/components/User/AccountListItem.vue
+++ b/src/components/User/AccountListItem.vue
@@ -11,14 +11,16 @@ defineProps<Props>()
 </script>
 
 <template>
-  <a
-    :class="$style.link"
-    :href="account.url"
-    target="_blank"
-    rel="noreferrer noopener"
-  >
-    <a-icon :name="services.get(account.type)?.icon ?? ''" :size="24" />
-  </a>
+  <li>
+    <a
+      :class="$style.link"
+      :href="account.url"
+      target="_blank"
+      rel="noreferrer noopener"
+    >
+      <a-icon :name="services.get(account.type)?.icon ?? ''" :size="24" />
+    </a>
+  </li>
 </template>
 
 <style lang="scss" module>
diff --git a/src/components/User/UserDetailContainer.vue b/src/components/User/UserDetailContainer.vue
index c3439f9..b893b00 100644
--- a/src/components/User/UserDetailContainer.vue
+++ b/src/components/User/UserDetailContainer.vue
@@ -18,7 +18,11 @@ defineProps<{
           {{ userDetail.realName }}
         </div> -->
       </div>
-      <account-list v-if="userDetail" :accounts="userDetail.accounts" />
+      <account-list
+        v-if="userDetail"
+        :accounts="userDetail.accounts"
+        :user-name="userDetail.name"
+      />
     </div>
   </div>
 </template>