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>