svelte/test/generator/samples/component-binding-each-nested/main.html

{{#each a as x}}
	<Widget bind:value='x.name'/>
{{/each}}

<p>{{a.map(getName).join(', ')}}</p>

<script>
	import Widget from './Widget.html';

	export default {
		data () {
			return {
				a: [{ name: 'foo' }, { name: 'bar' }, { name: 'baz' }],
				getName: x => x.name
			};
		},

		components: {
			Widget
		}
	};
</script>