fix: preload responsive images (#1004)

nuxt · Jan 15, 2024 · 5549416 · 5549416
1 parent 075d1c3
commit 5549416
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/runtime/components/nuxt-img.vue b/src/runtime/components/nuxt-img.vue
@@ -24,12 +24,19 @@ export default defineComponent({
   },
   head () {
     if (this.preload === true) {
+      const isResponsive = Object.values(this.nSizes).every(v => v)
       return {
         link: [
           {
             rel: 'preload',
             as: 'image',
-            href: this.nSrc
+            ...(!isResponsive
+            ? { href: this.nSrc }
+            : {
+                href: this.nSizes.src,
+                imagesizes: this.nSizes.sizes,
+                imagesrcset: this.nSizes.srcset
+              })
           }
         ]
       }