svelte/test/runtime/samples/component-binding-nested/Foo.html

<button class='foo' on:click='set({ x: "p" })'>foo</button>
<p>foo x: {x}</p>

<Bar bind:x/>

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

	export default {
		components: { Bar }
	};
</script>