Image shortcode properties as object

[mvsde]

For easier extension of the image shortcode later, it may be useful to switch to an object-based configuration like this:

{{ image({src: "test.jpg", alt: "Hello World", classes: ["test"]}) }}

Instead of a single additionalAttributes property, we can collect all “unknown” properties and “spread” them onto the image element.

I build something similar here: https://github.com/mvsde/website/blob/d8c67a2b7333d8ddd36993cfdd9a9dade6558769/.eleventy/shortcode-image.js#L22

This keeps the shortcode options uniform and reflects how attributes work in “normal” HTML.