How to do component interpolation?

[mattp0123]

Like I have a message: Hello, {name}!, and I want to do something like:

<h1>
  {m.my_message({
    name: <span class='text-red'>{name}</span>,
  })}
</h1>

[samuelstroschein]

Not yet natively supported because translators and designers must be considered when implementing the feature. We have an RFC already https://github.com/orgs/opral/discussions/913 but await the lix 1.0 milestone.

The workaround people use is to embed the HTML into the message and then use @html in svelte or dangerouslySetInnerHtml in react:

<h1>
  {m.my_message({ name }) }
</h1>

my_message = Hello <span class='text-red'>{name}</span>