Feature request: Ability to wrap output in a <figure> tags.

[Nooshu]

It would be fantastic if there was the option to wrap the standard <picture> element from the eleventyImageTransformPlugin in a <figure> tags and allow developers to post image captions using <figcaption>.

Proposed code:
Input
![This is the alt text](path/to/the/image.jpg "This is the **caption**")

Output

<figure>
  <picture>
    <source type="image/avif" srcset="/.11ty/image/?src=...">
    <source type="image/webp" srcset="/.11ty/image/?src=...">
    <img loading="lazy" decoding="async" src="/.11ty/image/?src=..." alt="alt text here" width="123" height="321">
  </picture>
  <figcaption>This is the <strong>caption</strong></figcaption>
</figure>

Looping in @nhoizey as I adapted his gist example here that he uses with his eleventy-plugin-images-responsiver plugin here.

Update: Also, I should have noted that the <figure> element would only be present if a caption was given in the markdown snippet.

[zachleat]

Just for completeness, I should mention that if you’re using markdown now, you can use this input now and the transform plugin will output what you want there above:

<figure>
  <img src="path/to/the/image.jpg" alt="This is the alt text">
  <figcaption>This is the <strong>title</strong></figcaption>
</figure>

[zachleat]

 ![This is the alt text](path/to/the/image.jpg "This is the **caption**")

The above isn’t stock Markdown syntax, right?

[nhoizey]

The above isn’t stock Markdown syntax, right?

The syntax is standard CommonMark (if this is what you call "stock" Markdown), but it generates a title attribute: https://spec.commonmark.org/0.31.2/#images

Expending the title as a <figure> and <figcaption> has been a popular demand for 10 years:
https://talk.commonmark.org/t/image-tag-should-expand-to-figure-when-used-with-title/265