Created
April 18, 2020 04:17
-
-
Save zachleat/8cd9f1844c7144099c54533fff1b0a76 to your computer and use it in GitHub Desktop.
Eleventy Vue Responsive Images Plugin Sample Input/Output
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <responsive-image | |
| path="./src/images/home-store.jpg" | |
| alt="The front entrance to a store" | |
| :widths="[350, null]" /> | |
| <!-- BECOMES --> | |
| <picture> | |
| <source srcset="/v3/img/respimg/ef7c5bc4-350.webp 350w, /v3/img/respimg/ef7c5bc4.webp 589w" type="image/webp"> | |
| <source srcset="/v3/img/respimg/ef7c5bc4-350.jpeg 350w, /v3/img/respimg/ef7c5bc4.jpeg 589w" type="image/jpeg"> | |
| <img src="/v3/img/respimg/ef7c5bc4-350.jpeg" alt="The front entrance to a store" width="350" height="240"> | |
| </picture> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment