From f074d7819f2ce9ad0111e5c20a2b59b16adf19ad Mon Sep 17 00:00:00 2001
From: Ryan Wang <i@ryanc.cc>
Date: Wed, 19 Jan 2022 15:18:16 +0800
Subject: [PATCH] perf: the contributor avatar source for the about page uses
 webp.se (halo-dev/console#413)

Signed-off-by: Ryan Wang <i@ryanc.cc>
---
 src/views/system/About.vue | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/views/system/About.vue b/src/views/system/About.vue
index 6ed36c92b..a81ce73b1 100644
--- a/src/views/system/About.vue
+++ b/src/views/system/About.vue
@@ -51,7 +51,12 @@
           <a-card :bodyStyle="{ padding: '16px' }" :bordered="false" :loading="contributorsLoading" title="开发者">
             <a v-for="(item, index) in contributors" :key="index" :href="item.html_url" target="_blank">
               <a-tooltip :title="item.login" placement="top">
-                <a-avatar :src="item.avatar_url" :style="{ marginRight: '10px', marginBottom: '10px' }" size="large" />
+                <a-avatar
+                  :src="item.avatar_url | webpAvatarConvert"
+                  :style="{ marginRight: '10px', marginBottom: '10px' }"
+                  size="large"
+                  :alt="item.login"
+                />
               </a-tooltip>
             </a>
           </a-card>
@@ -258,6 +263,11 @@ User Agent：${navigator.userAgent}`
       }
       return major * 1000000 + minor * 1000 + micro
     }
+  },
+  filters: {
+    webpAvatarConvert(url) {
+      return url.replace('avatars.githubusercontent.com', 'avatars-githubusercontent.webp.se')
+    }
   }
 }
 </script>