<div class="level1"> {{#each values as value}} <h4>level 1 #{{value}}</h4> <Level2 condition="{{value % 2}}"> <Level3> <span>And more stuff goes in here</span> </Level3> </Level2> {{/each}} </div> <script> import Level2 from './Level2.html'; import Level3 from './Level3.html'; export default { components: { Level2, Level3 } }; </script>