Бунт /JS: Как вывести <li> в <ul>-tag

Question

Предположим, я определил Riot-тег следующим образом:

<my-tag>
  <ul>
    <li>First</li>
    <yield />
  </ul>
</my-tag>

Теперь я мог бы сделать следующее (работает):

<my-tag>
  <li>Second</li>
</my-tag>

Но я хочу сделать это:

<ul>
  <li data-is="my-tag">
    <li>Second</li>
    <li>Third</li>
  </li>
</ul>

Это будет работать, если браузер не будет автоматически исправлять (временно) неверно размещенные <li>s. Но, как это происходит, неправильный вывод выглядит следующим образом:

<ul>
  <li data-is="my-tag">
    <ul>
      <li>First</li>
    </ul>
  </li>
  <li>Second</li>
  <li>Third</li>
</ul>

Я пробовал много разных подходов, но пока у меня ничего не получалось.

Любое решение должно работать на сколь угодно много <li>в <yield> зона.