From 14ece6e789ed9cf9fde6211de3edf7ae745b33fd Mon Sep 17 00:00:00 2001
From: Richard Harris <richard.a.harris@gmail.com>
Date: Wed, 24 Apr 2019 23:34:12 -0400
Subject: [PATCH] simplify example further

---
 .../01-sharing-code/app-a/AudioPlayer.svelte       |  6 ------
 .../01-sharing-code/app-b/AudioPlayer.svelte       | 14 +++-----------
 .../17-module-context/01-sharing-code/text.md      | 11 +++--------
 3 files changed, 6 insertions(+), 25 deletions(-)

diff --git a/site/content/tutorial/17-module-context/01-sharing-code/app-a/AudioPlayer.svelte b/site/content/tutorial/17-module-context/01-sharing-code/app-a/AudioPlayer.svelte
index 321deb8773..12d3a78c41 100644
--- a/site/content/tutorial/17-module-context/01-sharing-code/app-a/AudioPlayer.svelte
+++ b/site/content/tutorial/17-module-context/01-sharing-code/app-a/AudioPlayer.svelte
@@ -1,6 +1,4 @@
 <script>
-	import { onMount } from 'svelte';
-
 	export let src;
 	export let title;
 	export let composer;
@@ -9,10 +7,6 @@
 	let audio;
 	let paused = true;
 
-	onMount(() => {
-		// TODO: register the audio element
-	});
-
 	function stopOthers() {
 		// TODO: implement stopOthers
 	}
diff --git a/site/content/tutorial/17-module-context/01-sharing-code/app-b/AudioPlayer.svelte b/site/content/tutorial/17-module-context/01-sharing-code/app-b/AudioPlayer.svelte
index 27dbe1993b..609f9f1af0 100644
--- a/site/content/tutorial/17-module-context/01-sharing-code/app-b/AudioPlayer.svelte
+++ b/site/content/tutorial/17-module-context/01-sharing-code/app-b/AudioPlayer.svelte
@@ -1,10 +1,8 @@
 <script context="module">
-	const elements = new Set();
+	let current;
 </script>
 
 <script>
-	import { onMount } from 'svelte';
-
 	export let src;
 	export let title;
 	export let composer;
@@ -13,15 +11,9 @@
 	let audio;
 	let paused = true;
 
-	onMount(() => {
-		elements.add(audio);
-		return () => elements.delete(audio);
-	});
-
 	function stopOthers() {
-		elements.forEach(element => {
-			if (element !== audio) element.pause();
-		});
+		if (current && current !== audio) current.pause();
+		current = audio;
 	}
 </script>
 
diff --git a/site/content/tutorial/17-module-context/01-sharing-code/text.md b/site/content/tutorial/17-module-context/01-sharing-code/text.md
index fa0194c896..3529544fed 100644
--- a/site/content/tutorial/17-module-context/01-sharing-code/text.md
+++ b/site/content/tutorial/17-module-context/01-sharing-code/text.md
@@ -10,20 +10,15 @@ We can do that by declaring a `<script context="module">` block. Code contained
 
 ```html
 <script context="module">
-	let currentPlayer;
+	let current;
 </script>
 ```
 
 It's now possible for the components to 'talk' to each other without any state management:
 
 ```js
-onMount(() => {
-	currentPlayer = audio;
-	return () => currentPlayer = null;
-});
-
 function stopOthers() {
-	if (currentPlayer !== audio) currentPlayer.pause();
-	currentPlayer = audio;
+	if (current && current !== audio) current.pause();
+	current = audio;
 }
 ```