Switch to more web-component compatible island syntax about nue

[tipiirai]

This is now implemented in a fully standards-based manner without any self-invented attribute names. For example, a custom element like <my-element> is now rendered as:

<div is="my-element"></div>

The is- attribute is a standard, global attribute and when this is found on a document Nue works as follows:

1. If there is a custom HTML element defined with that name, the node is renreded as defined by the component
2. Otherwise the node is mounted with a reactive Nue component, if one is defined

This brings substantial clarity for the whole division between web components and Nue/React/Svelte ecosystem. The standard web components are good for defining simple interactions and the reactive libraries are good for more complex interactivity.

All auto-mounting and hot-reloading features are now implemented to support this new syntax.

This is obviously a backwards- incompatible change, but the major version number won't change until we switch production with 1.0 version. Before that, in beta stage, we are only increasing the second version number. Mark would say "move fast, break things".

[ShiMeiWo]

If I had to come up with attributes names other than "engine", they would be:

• def
• from
• beborn
• madeof
• generator

...What awkward names! I think "engine" is more better.

[tipiirai]

This didn't made it to the release yet. This is a low-priority issue, because there is no apparent problem that this solves. Or is there?

[ShiMeiWo]

BTW, I want to know that if the implementation is done, will the rendered DOMs change from

<div island="my-component" :bind="item" />

to

<my-component :bind="item" />

like other "frontend framworks"?

And if so, the selector in CSS should be my-component {...} instead of [island="my-component"] {...} ?

[ShiMeiWo]

@tipiirai Do you plan to adopt this syntax in the upcoming NueKit release?

[nobkd]

Closing this, as the main concern has been resolved and released. Feel free to comment here or open a new issue if there is something left open.