From 35c6f8a0c60ef78b4d9ed120bfe87eb3ed829720 Mon Sep 17 00:00:00 2001 From: george-moongroup <101189407+george-moongroup@users.noreply.github.com> Date: Tue, 21 Jan 2025 23:57:19 +0300 Subject: [PATCH] fix: double loading image when placeholder --- src/runtime/components/NuxtImg.vue | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/runtime/components/NuxtImg.vue b/src/runtime/components/NuxtImg.vue index 55b8e367a..babaf57e0 100644 --- a/src/runtime/components/NuxtImg.vue +++ b/src/runtime/components/NuxtImg.vue @@ -150,7 +150,7 @@ const nuxtApp = useNuxtApp() const initialLoad = nuxtApp.isHydrating onMounted(() => { - if (placeholder.value || props.custom) { + if (props.custom) { const img = new Image() if (mainSrc.value) { @@ -185,11 +185,14 @@ onMounted(() => { emit('error', new Event('error')) } else { + placeholderLoaded.value = true emit('load', new Event('load')) } + return } imgEl.value.onload = (event) => { + placeholderLoaded.value = true emit('load', event) }