Eleventy (11ty) Shortcode

[TechAurelian2]

Is your feature request related to a problem? Please describe.
As an Eleventy (11ty) user, I struggle to integrate the existing WebC image component provided by unpic-img. While WebC works well for some projects, not everyone using Eleventy relies on it. Eleventy shortcodes (https://www.11ty.dev/docs/shortcodes/) are very flexible and they can be used in Nunjucks, Liquid, JavaScript, languages used by most of the people that are using Eleventy.

Describe the solution you'd like
I propose adding a new Eleventy shortcode. This shortcode would allow users to easily embed responsive images using the unpic-img library within their Eleventy templates and pages, to "generates a responsive tag that follows best practices, with the correct srcset, sizes and styles; detect image URLs from most image CDNs and CMSs and can resize images with no build step." (taken from the @unpic/webc docs).

Describe alternatives you've considered
Creating my own 11ty shortcode for integrating Unpic, but I think a built-in shortcode that comes with the library, or at least an "official" example of how to implement it would be great.

Additional context
I guess the unpic-img.webc file should be translated to an 11ty shortcode?

Thank you

[ascorbic]

That sounds like a good idea. If you'd be up for implementing it I'd be happy to add it. I'd make it a new package, @unpic/11ty