content: Changes for content Vue

matschik · Feb 9, 2023 · 025365c · 025365c
1 parent 30fc360
commit 025365c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/content/4-component-composition/5-context/vue3/App.vue b/content/4-component-composition/5-context/vue3/App.vue
@@ -12,7 +12,7 @@ function updateUsername(username) {
   user.value.username = username;
 }
 
-provide("userContextProvider", { user, updateUsername });
+provide("user", { user, updateUsername });
 </script>
 
 <template>

diff --git a/content/4-component-composition/5-context/vue3/UserProfile.vue b/content/4-component-composition/5-context/vue3/UserProfile.vue
@@ -1,14 +1,14 @@
 <script setup>
 import { inject } from "vue";
-const { user, updateUsername } = inject("userContextProvider");
+const { user, updateUsername } = inject("user");
 </script>
 
 <template>
   <div>
     <h2>My Profile</h2>
     <p>Username: {{ user.username }}</p>
     <p>Email: {{ user.email }}</p>
-    <button @click="updateUsername('Jane')">
+    <button @click="() => updateUsername('Jane')">
       Update username to Jane
     </button>
   </div>