fix: disable blur filter on custom placeholder

nuxt · Nov 16, 2020 · 3f277a3 · 3f277a3
1 parent eb82b23
commit 3f277a3
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/runtime/nuxt-picture.ts b/src/runtime/nuxt-picture.ts
@@ -288,7 +288,8 @@ export default {
           height: '100%',
           objectFit: 'cover',
           objectPosition: 'center center',
-          filter: 'blur(10px)',
+          // disable blur filter on custom placeholder
+          filter: typeof this.placeholder === 'string' ? undefined : 'blur(10px)',
           transition: 'opacity 1s',
           opacity: this.lazyState === LazyState.LOADED ? 0 : 1
         },