Refactor 11ty component string literals

[geealbers]

Before proceeding, check to make sure there isn’t an existing issue for this idea or a similar one.

• I have searched the existing issues and determined this is a new proposal.

Proposed change

Refactor the 11ty _includes/components to replace string literals with a functional approach to creating HTML elements. One approach might be to leverag the lit/lit-html library html method as a replacement for the common-tag methods , with the goal of making the shortcode components more composable and provide a more declarative syntax to output correct markup for the component, as well as more easily unit tested. See Using lit-html standalone.

Alternatively a light-weight virtual-dom libraries that supports server side rendering...
inferno
million
snabbdom
virtual-dom

The primary consideration for the library should be performance and accuracy of rendered output.

Potential Impact

...

Supporting Information

This suggestion was originally posted to Jira on 16/Sep/22 by Matthew as DEV-13209.

[cbutcosk]

The updated thought here is to do some test implementations around MDX, as some aspects of JSX are awkward in 11ty. Another consideration is removing the novel path-style print.js / html.js / etc sub-file component modal target mechanism with something more traditional (eg, mode parameter passed at render time).