Colon Prefixed Attributes on Tags

[sstelfox]

I'm trying to migrate a code base that is using alpinejs to Yew components. Some of the interactions and data bindings use colons in the names of the attributes. There are two forms of this which look something like the following:

<div :class="{ 'folded': true }">content</div>
<div x-bind:class="{ 'folded': true }">content</div>

The true value is allowed to be a JS expression that evaluates to a boolean. When that expression is true it adds the "folded" class to that attribute's list of classes. Rust identifiers (which are currently used in the html! macros for attributes don't support the colon in them at all (even using raw identifiers).

Is anyone familiar with a workaround to allow adding this attribute? Can I build up a tag manually for the cases where this occurring or something similar?

[jq170727]

Yew provides Html::from_html_unchecked() so you might be able to use that if you can't find a simpler way.
The inner_html example uses it.

[Ddystopia]

I'm trying to write htmx with yew as a renderer and also would benefit from that feature: it has hx-on:* (e.g. hx-on:click, hx-on:validation etc) and I have to either use from_html_unchecked and loose all benefits from using yew as a renderer or use deprecated syntax of htmx that would get removed soon.

There is syntax for dynamic tag names, (<@{name}></@>), maybe something like that could be done for attributes?

Thank you