svelte/test/runtime/samples/component-yield-placement/main.html

{#if showModal}
	<Modal on:destroy='set({ showModal: false })'>
		<h2>Hello!</h2>
	</Modal>
{:else}
	<button on:click='set({ showModal: true })'>show modal</button>
{/if}

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

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