<script>
	import { editData } from '$lib/data.remote.js';

	let { data } = $props();

	const form = editData;
	form.fields.set({description: 'ssr'});
	
	// Comment this out, and "ssr" is server-side rendered.
	// When it is uncommented, "" is server-side rendered and "csr" is set during hydration.
	form.fields.description.set('csr');
</script>


<div>
	Description: {form.fields.description.value()}
</div>

<form {...form}>
	<input {...form.fields.name.as('text')} />
	<button type="submit">Submit</button>
</form>