fix: Root component wrap div element

[uznam8x]

MainApplication.js

export default class MainApplication extends UIElement {
  components() {}
  template() {
    return '<div class="main"></div>;
  }
}

index.js

App.start({
  components: { MainApplication },
  template: `<MainApplication />`,
  container: document.getElementById('app'),
});

template

Rendered

<div id="app">
  <div> <-- why created element?
    <div class="main"></div>
  </div>
</div>

Unintentional empty div element is cause confusion.

e.g
div.#app { height: 100% }

[easylogic]

이건 하위 공백 템플릿 넣어도 되도록 구조를 다시 맞출게요.