svelte/test/runtime/samples/component-nested-deeper/Level1.html

<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>