From 109d5b17ad93033d1aeb9714372ccc51ba2f2ca9 Mon Sep 17 00:00:00 2001
From: soramea <soraquyia@gmail.com>
Date: Wed, 18 Dec 2024 17:14:42 +0900
Subject: [PATCH] add pixel parameter to IconAvatar

---
 src/shared/lib/components/IconAvatar.vue | 25 +++++++++++++++++-------
 src/shared/lib/components/MainHeader.vue |  2 +-
 2 files changed, 19 insertions(+), 8 deletions(-)

diff --git a/src/shared/lib/components/IconAvatar.vue b/src/shared/lib/components/IconAvatar.vue
index 29774ea..16a3784 100644
--- a/src/shared/lib/components/IconAvatar.vue
+++ b/src/shared/lib/components/IconAvatar.vue
@@ -1,14 +1,25 @@
 <script setup lang="ts">
-import Avatar from 'primevue/avatar';
-defineProps<{
+import { computed } from 'vue';
+
+const props = defineProps<{
   name: string;
+  pixel: number;
 }>();
+
+const size = computed(() => `${props.pixel}px`);
 </script>
 <template>
-  <Avatar
-    :image="`https://q.trap.jp/api/v3/public/icon/${name}`"
-    class="mr-2"
-    size="32px"
-    shape="circle"
+  <img
+    :src="`https://q.trap.jp/api/v3/public/icon/` + name"
+    :width="pixel"
+    :height="pixel"
   />
 </template>
+
+<style lang="scss" scoped>
+img {
+  border-radius: 50%;
+  width: v-bind(size);
+  height: v-bind(size);
+}
+</style>
diff --git a/src/shared/lib/components/MainHeader.vue b/src/shared/lib/components/MainHeader.vue
index f82c797..5b42997 100644
--- a/src/shared/lib/components/MainHeader.vue
+++ b/src/shared/lib/components/MainHeader.vue
@@ -5,7 +5,7 @@
     </div>
     <div class="right-box">
       <ChipCard :label="chipLabel" />
-      <IconAvatar :name="userName" />
+      <IconAvatar :name="userName" :pixel="36" />
     </div>
   </div>
 </template>