Update a few Svelte 5 examples (#203)

matschik · Nov 16, 2023 · 4e46721 · 4e46721
1 parent 02b5a0f
commit 4e46721
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 3 deletions.
diff --git a/content/2-templating/6-conditional/svelte5/TrafficLight.svelte b/content/2-templating/6-conditional/svelte5/TrafficLight.svelte
@@ -9,7 +9,7 @@
   }
 </script>
 
-<button on:click={nextLight}>Next light</button>
+<button onclick={nextLight}>Next light</button>
 <p>Light is: {light}</p>
 <p>
   You must

diff --git a/content/4-component-composition/5-context/svelte5/App.svelte b/content/4-component-composition/5-context/svelte5/App.svelte
@@ -1,7 +1,7 @@
 <script>
   import { setContext } from "svelte";
   import UserProfile from "./UserProfile.svelte";
-  import createUserState from "./createUserState.js";
+  import createUserState from "./createUserState.svelte.js";
 
   // In a real app, you would fetch the user data from an API
   const user = createUserState({

diff --git a/content/4-component-composition/5-context/svelte5/UserProfile.svelte b/content/4-component-composition/5-context/svelte5/UserProfile.svelte
@@ -8,7 +8,7 @@
   <h2>My Profile</h2>
   <p>Username: {user.username}</p>
   <p>Email: {user.email}</p>
-  <button on:click={() => (user.username = "Jane")}>
+  <button onclick={() => (user.username = "Jane")}>
     Update username to Jane
   </button>
 </div>
diff --git a/...tion/5-context/svelte5/createUserState.js → ...context/svelte5/createUserState.svelte.js b/...tion/5-context/svelte5/createUserState.js → ...context/svelte5/createUserState.svelte.js