fix(picture): show image after load

nuxt · Nov 20, 2020 · 709d8e7 · 709d8e7
1 parent d43daf2
commit 709d8e7
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/runtime/nuxt-picture.ts b/src/runtime/nuxt-picture.ts
@@ -284,7 +284,7 @@ export default {
         objectFit: 'cover',
         objectPosition: 'center center',
         transition: 'opacity 800ms ease 0ms',
-        opacity: this.lazyState === LazyState.IDLE ? 0 : 1
+        opacity: this.lazyState === LazyState.LOADED ? 1 : 0
       },
       attrs: {
         src: this.lazyState === LazyState.IDLE ? undefined : this.generatedSrc,