AtCoderのロゴ表示に対応

src/components/User/AccountListItem.vue

@@ -1,5 +1,6 @@
 <script lang="ts" setup>
 import AIcon from '/@/components/UI/AIcon.vue'
+import AtCoder from '/@/assets/AtCoder.png'
 import { Account } from '/@/lib/apis'
 import { services } from '/@/consts/services'
 
@@ -18,7 +19,18 @@ defineProps<Props>()
       target="_blank"
       rel="noreferrer noopener"
     >
-      <a-icon :name="services.get(account.type)?.icon ?? ''" :size="24" />
+      <img
+        v-if="services.get(account.type)?.icon !== 'atcoder'"
+        alt="AtCoder Logo"
+        :src="AtCoder"
+        width="24px"
+        height="24px"
+      />
+      <a-icon
+        v-else
+        :name="services.get(account.type)?.icon ?? ''"
+        :size="24"
+      />
     </a>
   </li>
 </template>

src/types/shims-png.d.ts

@@ -0,0 +1,4 @@
+declare module '*.png' {
+  const content: string
+  export default content
+}