ElementComponent#html() is now a string literal tag fn to append HTML

For the old behaviour, that effectively replaces the inner HTML, first
call `.empty()`.

Author: zefir-git

src/ElementComponent.ts

@@ -127,14 +127,6 @@ export abstract class ElementComponent<T extends Element> extends NodeComponent<
         return this;
     }
 
-    /**
-     * Set inner HTML
-     */
-    public html(html: string) {
-        this.node.innerHTML = html;
-        return this;
-    }
-
     /**
      * Template literal tag function that accepts HTML code with components in a
      * string literal and returns a {@link DocumentComponent}
@@ -152,6 +144,14 @@ export abstract class ElementComponent<T extends Element> extends NodeComponent<
         return doc;
     }
 
+    /**
+     * Append HTML
+     * @example component.html`<div>${component}</div>`
+     */
+    public html(strings: TemplateStringsArray, ...components: NodeComponent<any>[]): this {
+        return this.append(this.tag(strings, ...components));
+    }
+
     /**
      * Set element property
      * @param name property name