From e1524b466182c0e7958cf7a782eabbfc750a335c Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@2li.ch>
Date: Mon, 18 Jan 2021 18:17:06 +0100
Subject: [PATCH] lesson 24: event modifiers the proper way

---
 basics-03-events-starting-code/app.js     | 3 +--
 basics-03-events-starting-code/index.html | 2 +-
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/basics-03-events-starting-code/app.js b/basics-03-events-starting-code/app.js
index aacf71f..9c6fb11 100644
--- a/basics-03-events-starting-code/app.js
+++ b/basics-03-events-starting-code/app.js
@@ -6,8 +6,7 @@ const app = Vue.createApp({
         };
     },
     methods: {
-        submitForm(event) {
-            event.preventDefault();
+        submitForm() {
             alert("Submitted");
         },
         setName(event, lastName) {
diff --git a/basics-03-events-starting-code/index.html b/basics-03-events-starting-code/index.html
index 95e5430..611c9c5 100644
--- a/basics-03-events-starting-code/index.html
+++ b/basics-03-events-starting-code/index.html
@@ -22,7 +22,7 @@
         <p>Result: {{ counter }}</p>
         <input type="text" v-on:input="setName($event, 'SomeOtherINput')">
         <p>Your Name: {{name}}</p>
-        <form v-on:submit="submitForm"><input type="text"><button>Sign Up</button></form>
+        <form v-on:submit.prevent="submitForm"><input type="text"><button>Sign Up</button></form>
     </section>
 </body>