Nikurasu/elk
1
0
Fork 0
forked from Mirrors/elk
Code Pull requests Releases 2 Packages Activity

fix: don't include srcset when showing blur placeholder (#347)

Browse source
This commit is contained in:
Guillaume Chau 2022-12-06 16:10:53 +01:00 committed by GitHub
parent 8537f9e0ae
commit 3b6b83ae7a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 7 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
components/common/CommonBlurhash.ts
View file

@ -12,6 +12,10 @@ export default defineComponent({
type: String, type: String,
required: true, required: true,
}, },
srcset: {
type: String,
required: false,
},
}, },
setup(props, { attrs }) { setup(props, { attrs }) {
const placeholderSrc = ref<string>() const placeholderSrc = ref<string>()
@ -19,11 +23,12 @@ export default defineComponent({
onMounted(() => { onMounted(() => {
const img = document.createElement('img') const img = document.createElement('img')
isLoaded.value = img.complete
img.onload = () => { img.onload = () => {
isLoaded.value = true isLoaded.value = true
} }
img.src = props.src img.src = props.src
if (props.srcset)
img.srcset = props.srcset
setTimeout(() => { setTimeout(() => {
isLoaded.value = true isLoaded.value = true
}, 3_000) }, 3_000)
@ -35,7 +40,7 @@ export default defineComponent({
}) })
return () => isLoaded.value || !placeholderSrc.value 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 }) : h('img', { ...attrs, src: placeholderSrc.value })
}, },
}) })