[feature request] Component Template

Questions
1

hello @nolimits4web
thank you for your great work

currently, to hide/show or add/remove els from dom,
i do something like this:

${true && $h`<div>true</div>`}
${true ? $h`<div>true</div>` : $h`<div>false</div>`}
<div class="${!false ? 'display-none' : ''}">true</div>

i wish i had something like this:

<!-- input -->
<div>
  <div>
    <div>any</div>
    <div @remove="${true}">true</div>
  </div>
  <div>
    <div>any</div>
    <div @remove="${false}">true</div>
  </div>
</div>
<!-- render -->
<div>
  <div>
    <div>any</div>
  </div>
  <div>
    <div>any</div>
    <div>true</div>
  </div>
</div>

<!-- input -->
<div>
  <div>
    <div>any</div>
    <div @display="${true}">true</div>
  </div>
  <div>
    <div>any</div>
    <div @display="${false}">true</div>
  </div>
</div>
<!-- render -->
<div>
  <div>
    <div>any</div>
    <div>true</div>
  </div>
  <div>
    <div>any</div>
    <div class="display-none">true</div>
  </div>
</div>

thanks in advance

2

I can suggest to try to use JSX syntax for components, it is much more cleaner Router Component | Framework7 Documentation