Add update to the app

Up until Login if else blocks

Makefile

@@ -7,4 +7,4 @@ test:
 
 
 run-dev:
-	npm run start:dev
+	npm run dev

src/App.svelte

@@ -6,6 +6,23 @@
   function handleClick() {
 	count += 1;
   }
+
+	import Nested from './Nested.svelte';
+	import Info from './Info.svelte';
+
+	const pkg = {
+		name: 'svelte',
+		version: 3,
+		speed: 'blazing',
+		website: 'https://svelte.dev'
+	};
+
+	let user = { loggedIn: false };
+
+	function toggle() {
+		user.loggedIn = !user.loggedIn;
+	}
+
 </script>
 
 <style>
@@ -19,3 +36,26 @@
 <button on:click={handleClick}>
 	Clicked {count} {count === 1 ? 'time' : 'times'}
 </button>
+
+<Nested answer={42}/>
+<Nested/>
+
+
+<!--Info name={pkg.name} version={pkg.version} speed={pkg.speed} website={pkg.website}/-->
+<!-- spreading props -->
+<Info {...pkg}/>
+
+
+
+{#if user.loggedIn}
+	<button on:click={toggle}>
+		Log out
+	</button>
+{:else}
+	<button on:click={toggle}>
+		Log in
+	</button>
+{/if}
+
+
+

src/App2.svelte

@@ -17,7 +17,6 @@
 
 <div>
 	<p>This is a paragraph.</p>
-	<Nested/>
 	<img src={src} alt="A man dances.">
 	<p>{@html string}</p>
 </div>

src/Info.svelte

@@ -0,0 +1,12 @@
+<script>
+	export let name;
+	export let version;
+	export let speed;
+	export let website;
+</script>
+
+<p>
+	The <code>{name}</code> package is {speed} fast.
+	Download version {version} from <a href="https://www.npmjs.com/package/{name}">npm</a>
+	and <a href={website}>learn more here</a>
+</p>

src/Nested.svelte

@@ -1 +1,8 @@
+<script>
+	export let answer = 'a mystery';
+
+</script>
+
 <p>This is another paragraph.</p>
+
+<p>The answer is {answer}</p>