svelte/test/runtime/samples/component-binding-computed/main.html

{#each fields as field}
	<Nested {field} bind:value='values[field]'/>
{/each}

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

	export default {
		data: function () {
			return {
				fields: ['firstname', 'lastname'],
				values: {
					firstname: '',
					lastname: ''
				}
			};
		},
		components: {
			Nested
		}
	};
</script>