svelte/test/runtime/samples/component-binding-conditional-b/main.html

<p>y: {y}</p>

<Baz bind:x/>

{#if x}
	<Foo bind:y/>
{:else}
	<Bar bind:y/>
{/if}

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

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