From 3b6b83ae7a53df359f9655be29473480699b291a Mon Sep 17 00:00:00 2001
From: Guillaume Chau <guillaume.b.chau@gmail.com>
Date: Tue, 6 Dec 2022 16:10:53 +0100
Subject: [PATCH] fix: don't include `srcset` when showing blur placeholder
 (#347)

---
 components/common/CommonBlurhash.ts | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/components/common/CommonBlurhash.ts b/components/common/CommonBlurhash.ts
index 45952cb6..b9b76d27 100644
--- a/components/common/CommonBlurhash.ts
+++ b/components/common/CommonBlurhash.ts
@@ -12,6 +12,10 @@ export default defineComponent({
       type: String,
       required: true,
     },
+    srcset: {
+      type: String,
+      required: false,
+    },
   },
   setup(props, { attrs }) {
     const placeholderSrc = ref<string>()
@@ -19,11 +23,12 @@ export default defineComponent({
 
     onMounted(() => {
       const img = document.createElement('img')
-      isLoaded.value = img.complete
       img.onload = () => {
         isLoaded.value = true
       }
       img.src = props.src
+      if (props.srcset)
+        img.srcset = props.srcset
       setTimeout(() => {
         isLoaded.value = true
       }, 3_000)
@@ -35,7 +40,7 @@ export default defineComponent({
     })
 
     return () => isLoaded.value || !placeholderSrc.value
-      ? h('img', { ...attrs, src: props.src })
+      ? h('img', { ...attrs, src: props.src, srcset: props.srcset })
       : h('img', { ...attrs, src: placeholderSrc.value })
   },
 })