Make modal example more obvious

Author: foucist

examples/14-composition/04-modal/App.svelte

@@ -1,9 +1,13 @@
 <script>
 	import Modal from './Modal.svelte';
 
-	let showModal = true;
+	let showModal = false;
 </script>
 
+<button on:click="{() => showModal = true}">
+	show modal
+</button>
+
 {#if showModal}
 	<Modal on:close="{() => showModal = false}">
 		<h2 slot="header">
@@ -22,8 +26,4 @@
 
 		<a href="https://www.merriam-webster.com/dictionary/modal">merriam-webster.com</a>
 	</Modal>
-{:else}
-	<button on:click="{() => showModal = true}">
-		show modal
-	</button>
-{/if}
+{/if}