fix: generate static images even if lazy loaded (#233)

* fix: generate static images even if lazy loaded closes #232 * fix: process nsizes as well
nuxt · Apr 27, 2021 · 5be72a5 · 5be72a5
1 parent ad2fac0
commit 5be72a5
Showing 1 changed file with 3 additions and 4 deletions.
diff --git a/src/runtime/components/nuxt-img.vue b/src/runtime/components/nuxt-img.vue
@@ -35,13 +35,12 @@ export default defineComponent({
       return attrs
     },
     nSrc (): string {
+      // Calculate src first to trigger creation of static image
+      const src = this.sizes ? this.nSizes.src : this.$img(this.src, this.nModifiers, this.nOptions)
       if (this.lazyLoad) {
         return EMPTY_GIF
       }
-      if (this.sizes) {
-        return this.nSizes.src
-      }
-      return this.$img(this.src, this.nModifiers, this.nOptions)
+      return src
     },
     /* eslint-disable no-undef */
     nSizes (): ImageSizes {