fix: load image from correct device ratio

nuxt · Oct 27, 2023 · 4d2ecc8 · 4d2ecc8
1 parent 03874dd
commit 4d2ecc8
Showing 1 changed file with 1 addition and 4 deletions.
diff --git a/components/home/HomeSectionContributors.vue b/components/home/HomeSectionContributors.vue
@@ -30,9 +30,6 @@ onMounted(async () => {
 onBeforeUnmount(stopTimer)
 
 const $contributors = computed(() => contributors.value.length ? contributors.value.slice(start.value, start.value + total) : new Array(total).fill(null))
-function imgUrl (username) {
-  return `https://ipx.nuxt.com/f_auto,s_80x80/gh_avatar/${username}`
-}
 function startTimer (ms = 5000) {
   currentTimeout = setTimeout(nextContributors, ms)
 }
@@ -43,7 +40,7 @@ function stopTimer () {
 async function loadImages (usernames) {
   await Promise.all(usernames.map(username => {
     const img = new Image()
-    img.src = imgUrl(username)
+    img.src = `https://ipx.nuxt.com/f_auto,s_${window.devicePixelRatio === 2 ? '160x160' : '80x80'}/gh_avatar/${username}`
     return new Promise(resolve => {
       img.onload = resolve
       img.onerror = resolve