diff --git a/site/content/examples/13-actions/00-actions/App.svelte b/site/content/examples/13-actions/00-actions/App.svelte index 313daa580c..bd990a5360 100644 --- a/site/content/examples/13-actions/00-actions/App.svelte +++ b/site/content/examples/13-actions/00-actions/App.svelte @@ -26,4 +26,4 @@ text-align: center; font-weight: bold; } - \ No newline at end of file + diff --git a/site/content/examples/13-actions/00-actions/click_outside.js b/site/content/examples/13-actions/00-actions/click_outside.js index f275a0d001..e8983c1457 100644 --- a/site/content/examples/13-actions/00-actions/click_outside.js +++ b/site/content/examples/13-actions/00-actions/click_outside.js @@ -10,6 +10,6 @@ export function clickOutside(node) { return { destroy() { document.removeEventListener("click", handleClick, true); - }, + } }; -}; +} diff --git a/site/content/tutorial/12-actions/01-actions/app-a/App.svelte b/site/content/tutorial/12-actions/01-actions/app-a/App.svelte index dac7724af2..40b4ea2673 100644 --- a/site/content/tutorial/12-actions/01-actions/app-a/App.svelte +++ b/site/content/tutorial/12-actions/01-actions/app-a/App.svelte @@ -4,6 +4,13 @@ let showModal = true; + +{#if showModal} +
(showModal = false)}> + Click outside me! +
+{/if} + - - -{#if showModal} -
(showModal = false)}> - Click outside me! -
-{/if} \ No newline at end of file diff --git a/site/content/tutorial/12-actions/01-actions/app-a/click_outside.js b/site/content/tutorial/12-actions/01-actions/app-a/click_outside.js index b9812fb50b..c406f6e95c 100644 --- a/site/content/tutorial/12-actions/01-actions/app-a/click_outside.js +++ b/site/content/tutorial/12-actions/01-actions/app-a/click_outside.js @@ -4,6 +4,6 @@ export function clickOutside(node) { return { destroy() { // ...cleanup goes here - }, + } }; -}; +} diff --git a/site/content/tutorial/12-actions/01-actions/app-b/App.svelte b/site/content/tutorial/12-actions/01-actions/app-b/App.svelte index e503f98589..bd990a5360 100644 --- a/site/content/tutorial/12-actions/01-actions/app-b/App.svelte +++ b/site/content/tutorial/12-actions/01-actions/app-b/App.svelte @@ -4,6 +4,13 @@ let showModal = true; + +{#if showModal} +
(showModal = false)}> + Click outside me! +
+{/if} + - - -{#if showModal} -
(showModal = false)}> - Click outside me! -
-{/if} \ No newline at end of file diff --git a/site/content/tutorial/12-actions/01-actions/app-b/click_outside.js b/site/content/tutorial/12-actions/01-actions/app-b/click_outside.js index f275a0d001..e8983c1457 100644 --- a/site/content/tutorial/12-actions/01-actions/app-b/click_outside.js +++ b/site/content/tutorial/12-actions/01-actions/app-b/click_outside.js @@ -10,6 +10,6 @@ export function clickOutside(node) { return { destroy() { document.removeEventListener("click", handleClick, true); - }, + } }; -}; +}