<!-- src/routes/form/+page.svelte -->
<script lang="ts">
	import Composite from '$lib/core/Composite.svelte';

	let composite = {
		id: 'testform',
		store: {
			isValidated: false
		},
		layout: {
			areas: `
				"checkvalidation form"
			`,
			columns: '1fr 3fr',
			rows: 'auto'
		},
		children: [
			{
				id: 'checkvalidation',
				component: 'CheckValidation',
				slot: 'checkvalidation',
				map: {
					isValidated: '@testform:isValidated'
				}
			},
			{
				id: 'form',
				component: 'Form',
				slot: 'form',
				map: {
					isValidated: '@testform:isValidated'
				},
				services: ['validationRecipe', 'helloEarthAlert']
			}
		]
	};
</script>

<Composite {composite} />
