hyperscript

hyperscript copied to clipboard

Custom tag's innerHTML doesn't work as argument, but does work as innerHTML attribute.

This doesn't work

console.log(h("template", {attrs: {slot: "button-content"}}, [
    h("i.fas.fa-school.nav-icon", {attrs: {
        style: "transform: scale(0.8); margin-left: -0.1em;",
        "v-b-tooltip.hover": "",
        title: "Lessons"
    }})
]).outerHTML);

This works

console.log(h("template", {attrs: {slot: "button-content"}, innerHTML: h("i.fas.fa-school.nav-icon", {attrs: {
    style: "transform: scale(0.8); margin-left: -0.1em;",
    "v-b-tooltip.hover": "",
    title: "Lessons"
}}).outerHTML},
).outerHTML);