fix: prevent hydration mismatch in <NuxtImg> (#1445)

nuxt · Aug 27, 2024 · 6d87553 · 6d87553
1 parent 62b4387
commit 6d87553
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/runtime/components/NuxtImg.vue b/src/runtime/components/NuxtImg.vue
@@ -4,7 +4,7 @@
     :class="props.placeholder && !placeholderLoaded ? props.placeholderClass : undefined"
     v-bind="{
       ...isServer ? { onerror: 'this.setAttribute(\'data-error\', 1)' } : {},
-      ..._attrs,
+      ...imgAttrs,
       ...attrs,
     }"
     :src="src"
@@ -56,7 +56,7 @@ const sizes = computed(() => $img.getSizes(props.src!, {
   },
 }))
 
-const _attrs = computed(() => {
+const imgAttrs = computed(() => {
   const attrs: AttrsT = { ..._base.attrs.value, 'data-nuxt-img': '' }
 
   if (!props.placeholder || placeholderLoaded.value) {