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

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

	export let a = [{ name: 'foo' }, { name: 'bar' }, { name: 'baz' }];
	export let getName = x => x.name;
</script>

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

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