<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>