docs: update source directive code example (#419)

JonasKruckenberg · Oct 11, 2022 · 3734c4f · 3734c4f
1 parent 70b7872
commit 3734c4f
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/docs/directives.md b/docs/directives.md
@@ -415,8 +415,8 @@ import webp from 'example.jpg?w=500;900;1200&webp&source'
 import fallback from 'example.jpg?w=700'
 
 const html = `<picture>
-    <source srcset="${avif.src} ${avif.w}" type="image/avif" />
-    <source srcset="${webp.src} ${webp.w}" type="image/webp" />
+    <source srcset="${avif.map(({src, w}) => `${src} ${w}w`).join(',')}" type="image/avif" />
+    <source srcset="${webp.map(({src, w}) => `${src} ${w}w`).join(',')}" type="image/webp" />
     <img src="${fallback}" />
 </picture>
 ```