Inline outclick handlers

site/content/examples/13-actions/00-actions/App.svelte

@@ -2,15 +2,11 @@
 	import { clickOutside } from "./click_outside.js";
 
 	let showModal = true;
-
-	function handleOutclick(){
-		showModal = false;
-	}
 </script>
 
 <button on:click={() => (showModal = true)}>Show Modal</button>
 {#if showModal}
-	<div class="box" use:clickOutside on:outclick={handleOutclick}>
+	<div class="box" use:clickOutside on:outclick={() => (showModal = false)}>
 		Click outside me!
 	</div>
 {/if}

site/content/tutorial/12-actions/01-actions/app-a/App.svelte

@@ -2,10 +2,6 @@
 
 	
 	let showModal = true;
-
-	function handleOutclick(){
-		showModal = false;
-	}
 </script>
 
 <style>
@@ -27,7 +23,7 @@
 
 <button on:click={() => (showModal = true)}>Show Modal</button>
 {#if showModal}
-	<div class="box" on:outclick={handleOutclick}>
+	<div class="box" on:outclick={() => (showModal = false)}>
 		Click outside me!
 	</div>
 {/if}

site/content/tutorial/12-actions/01-actions/app-b/App.svelte

@@ -2,10 +2,6 @@
 	import { clickOutside } from "./click_outside.js";
 
 	let showModal = true;
-
-	function handleOutclick(){
-		showModal = false;
-	}
 </script>
 
 <style>
@@ -27,7 +23,7 @@
 
 <button on:click={() => (showModal = true)}>Show Modal</button>
 {#if showModal}
-	<div class="box" use:clickOutside on:outclick={handleOutclick}>
+	<div class="box" use:clickOutside on:outclick={() => (showModal = false)}>
 		Click outside me!
 	</div>
 {/if}

site/content/tutorial/12-actions/01-actions/text.md

@@ -18,7 +18,7 @@ import { clickOutside } from "./click_outside.js";
 ...then use it with the element:
 
 ```html
-<div class="box" use:clickOutside on:outclick="{handleOutclick}">
+<div class="box" use:clickOutside on:outclick="{() => (showModal = false)}">
 	Click outside me!
 </div>
 ```