diff --git a/basics-05-using-the-native-event-object/app.js b/basics-05-using-the-native-event-object/app.js
index 2b0e2c7..116af99 100644
--- a/basics-05-using-the-native-event-object/app.js
+++ b/basics-05-using-the-native-event-object/app.js
@@ -5,6 +5,7 @@ const app = Vue.createApp({
             name: "",
             lastName: "",
             // fullName: "",
+            vueUrl: "https://vueproject.com",
         };
     },
     watch: {
diff --git a/basics-05-using-the-native-event-object/index.html b/basics-05-using-the-native-event-object/index.html
index 4317e63..090d596 100644
--- a/basics-05-using-the-native-event-object/index.html
+++ b/basics-05-using-the-native-event-object/index.html
@@ -12,17 +12,17 @@
 </head>
 
 <body>
-    <header>
-        <h1>Vue Events</h1>
-    </header>
     <section id="events">
+        <header>
+            <h1><a :href="vueUrl">Vue</a> Events</h1>
+        </header>
         <h2>Events in Action</h2>
-        <button v-on:click="add(10)">Add 10</button>
-        <button v-on:click="reduce(5)">Subtract 5</button>
+        <button @click="add(10)">Add 10</button>
+        <button @click="reduce(5)">Subtract 5</button>
         <p>Result: {{ counter }}</p>
         <input type="text" v-model="name">
         <input type="text" v-model="lastName">
-        <button v-on:click="resetInput">Reset Input</button>
+        <button @click="resetInput">Reset Input</button>
         <p>Your Name: {{ fullName }}</p>
     </section>
 </body>
