Vue реактивно удаляя лишние теги

Question

Интересно, есть ли простой способ удалить лишние теги, и стоит ли это делать? Например, у меня есть div, который группирует детей в строке:

<div :class="multipleChildrens ? 'row' : ''">

Но когда есть только один ребенок, мне больше не нужен div. Я думал, что вы можете использовать тег шаблона для него с комбинацией тега компонента, но, похоже, это не сработает.

<component
    :is="multipleChildrens ? 'div' : 'template'"
    :class="multipleChildrens ? 'row' : ''"
>

Как я могу справиться с этим по-другому, или, может быть, нет смысла это делать?