diff --git a/README.md b/README.md
index 12c965b..acf01f3 100644
--- a/README.md
+++ b/README.md
@@ -723,14 +723,14 @@ UserProfile.propTypes = {
 ```vue
 <script setup>
 import { ref } from 'vue';
-import Hello from './UserProfile.vue';
+import UserProfile from './UserProfile.vue';
 
 const username = ref('John');
 </script>
 
 <template>
   <input v-model="username">
-  <Hello :name="username" />
+  <UserProfile :name="username" />
 </template>
 
 ```
diff --git a/content/4-component-composition/1-props/vue3/App.vue b/content/4-component-composition/1-props/vue3/App.vue
index 1729596..da8c50a 100644
--- a/content/4-component-composition/1-props/vue3/App.vue
+++ b/content/4-component-composition/1-props/vue3/App.vue
@@ -1,11 +1,11 @@
 <script setup>
 import { ref } from 'vue';
-import Hello from './UserProfile.vue';
+import UserProfile from './UserProfile.vue';
 
 const username = ref('John');
 </script>
 
 <template>
   <input v-model="username">
-  <Hello :name="username" />
+  <UserProfile :name="username" />
 </template>
diff --git a/src/pages/index.md b/src/pages/index.md
index 1cd4bdb..a07aea6 100644
--- a/src/pages/index.md
+++ b/src/pages/index.md
@@ -688,14 +688,14 @@ UserProfile.propTypes = {
 ```vue
 <script setup>
 import { ref } from 'vue';
-import Hello from './UserProfile.vue';
+import UserProfile from './UserProfile.vue';
 
 const username = ref('John');
 </script>
 
 <template>
   <input v-model="username">
-  <Hello :name="username" />
+  <UserProfile :name="username" />
 </template>
 
 ```
diff --git a/tsconfig.json b/tsconfig.json
index 68339e0..226fba5 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -1,6 +1,7 @@
 {
   "compileOnSave": false,
   "compilerOptions": {
+    "allowJs": true,
     "baseUrl": "./",
     "outDir": "./dist/out-tsc",
     "sourceMap": true,