ricardomatias · November 11, 2020 13:27 · Nov 11, 2020 · Nov 11, 2020
diff --git a/Hello.svelte b/Hello.svelte
@@ -1,5 +1,5 @@
 <script>
-	export let text;
+	export let text = null;
 	let showText = false;
 	
 	setTimeout(() => (showText = true), 1000);

diff --git a/main.js b/main.js
@@ -8,8 +8,5 @@ new Hello({
 })
 
 new Hello({
-	target: document.body,
-  props: {
-    text: 'bar'
-  }
+	target: document.body
 })
diff --git a/Hello.svelte b/Hello.svelte
@@ -0,0 +1,12 @@
+<script>
+	export let text;
+	let showText = false;
+	
+	setTimeout(() => (showText = true), 1000);
+</script>
+
+{#if text && showText}
+<p>
+	{text}
+</p>
+{/if}
diff --git a/main.js b/main.js
@@ -0,0 +1,15 @@
+import Hello from './Hello.svelte';
+
+new Hello({
+	target: document.body,
+  props: {
+    text: 'foo bar'
+  }
+})
+
+new Hello({
+	target: document.body,
+  props: {
+    text: 'bar'
+  }
+})