nd reserve <code>children</code> for uniform child content:</p>
<pre><code class="lang-javascript">// PREFER
var BetterHeader = {
    view: function(vnode) {
        return m(&quot;.section&quot;, [
            m(&quot;.header&quot;, vnode.attrs.title),
            m(&quot;.tagline&quot;, vnode.attrs.tagline),
        ])
    }
}

m(BetterHeader, {
    title: m(&quot;h1&quot;, &quot;My title&quot;),
    tagline: m(&quot;h2&quot;, &quot;Lorem ipsum&quot;),
})

// clearer consumption use case
m(BetterHeader, {