top tag as another component

[caesar1shi]

<div @name="people">
  <div>name: { name }</div>
  <div>info: { description() }</div>

  <script>
    description() {
      return `${ this.name } is a ${ this.identity }`;
    }
  </script>
</div>

<people @name="student">
  <script>
    identity = "student"
  </script>
</people>

<student name="John"></student>

The above code is currently ineffective, when top tag is another component.

To fix it, you only need to swap the positions of walk(root) and wrap.replaceWith(root) in the function mount, as shown in the figure.

[tipiirai]

Nice! I'm hoping to have an automated test suite for client-side components. After that, changes like this would feel safe to merge. However, that would be a low-priority thing because of the current development focus