diff --git a/index.html b/index.html
index 030a6ff..ebd28b8 100644
--- a/index.html
+++ b/index.html
@@ -4,7 +4,7 @@
     <meta charset="UTF-8" />
     <link rel="icon" href="/favicon.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite App</title>
+    <title>YY-SEARCH</title>
   </head>
   <body>
     <div id="app"></div>
diff --git a/src/App.vue b/src/App.vue
index 6fead3d..accecbb 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -1,5 +1,5 @@
 <script setup>
-import HelloWorld from "./components/HelloWorld.vue";
+import Welcome from "./components/Welcome.vue";
 import TheWelcome from "./components/TheWelcome.vue";
 </script>
 
@@ -14,7 +14,7 @@ import TheWelcome from "./components/TheWelcome.vue";
     />
 
     <div class="wrapper">
-      <HelloWorld msg="You did it!" />
+      <Welcome msg="You did it!" />
     </div>
   </header>
 
diff --git a/src/components/HelloWorld.vue b/src/components/Welcome.vue
similarity index 75%
rename from src/components/HelloWorld.vue
rename to src/components/Welcome.vue
index bd5f292..a867051 100644
--- a/src/components/HelloWorld.vue
+++ b/src/components/Welcome.vue
@@ -7,9 +7,25 @@ defineProps({
 });
 </script>
 
+<script>
+export default{
+  data(){
+    return{
+      keys:''
+    }
+  },
+  methods: {
+    Search(){
+      alert(this.keys);
+    }
+  }
+}
+</script>
+
 <template>
   <div class="greetings">
     <h1 class="green">{{ msg }}</h1>
+    <input type="text" v-model="keys" id="word" v-on:keyup.enter="Search()">
     <h3>
       You’ve successfully created a project with
       <a href="https://vitejs.dev/" target="_blank" rel="noopener">Vite</a> +
