From 47fc2dff154f3497bf32217c91c658479288c549 Mon Sep 17 00:00:00 2001
From: Nick Williams <WickyNilliams@users.noreply.github.com>
Date: Wed, 2 Mar 2022 09:18:43 +0000
Subject: [PATCH 1/2] tutorial step 7: improve a11y, teach better practices

it's easier, and more accessible, to handle a single submit event on a form than it is to handle both click on button and enter keydown on input
---
 src/tutorial/src/step-7/App/template.html | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/tutorial/src/step-7/App/template.html b/src/tutorial/src/step-7/App/template.html
index 70982e37d5..276c2751ce 100644
--- a/src/tutorial/src/step-7/App/template.html
+++ b/src/tutorial/src/step-7/App/template.html
@@ -1,5 +1,7 @@
-<input v-model="newTodo" @keyup.enter="addTodo">
-<button @click="addTodo">Add Todo</button>
+<form @submit.prevent="addTodo">
+  <input v-model="newTodo">
+  <button>Add Todo</button>    
+</form>
 <ul>
   <li v-for="todo in todos" :key="todo.id">
     {{ todo.text }}

From 347e0836519b5d80e8e275e711ae8a1b8dd7d0dc Mon Sep 17 00:00:00 2001
From: Nick Williams <WickyNilliams@users.noreply.github.com>
Date: Wed, 2 Mar 2022 09:33:08 +0000
Subject: [PATCH 2/2] use form and submit handler in tutorial step 8

---
 src/tutorial/src/step-8/App/template.html       | 6 ++++--
 src/tutorial/src/step-8/_hint/App/template.html | 6 ++++--
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/tutorial/src/step-8/App/template.html b/src/tutorial/src/step-8/App/template.html
index 14177d0882..e924c12e6a 100644
--- a/src/tutorial/src/step-8/App/template.html
+++ b/src/tutorial/src/step-8/App/template.html
@@ -1,5 +1,7 @@
-<input v-model="newTodo" @keyup.enter="addTodo" />
-<button @click="addTodo">Add Todo</button>
+<form @submit.prevent="addTodo">
+  <input v-model="newTodo" />
+  <button>Add Todo</button>
+</form>
 <ul>
   <li v-for="todo in todos" :key="todo.id">
     <input type="checkbox" v-model="todo.done">
diff --git a/src/tutorial/src/step-8/_hint/App/template.html b/src/tutorial/src/step-8/_hint/App/template.html
index 5040212d4f..17c8dc5f6f 100644
--- a/src/tutorial/src/step-8/_hint/App/template.html
+++ b/src/tutorial/src/step-8/_hint/App/template.html
@@ -1,5 +1,7 @@
-<input v-model="newTodo" @keyup.enter="addTodo" />
-<button @click="addTodo">Add Todo</button>
+<form @submit.prevent="addTodo">
+  <input v-model="newTodo" />
+  <button>Add Todo</button>
+</form>
 <ul>
   <li v-for="todo in filteredTodos" :key="todo.id">
     <input type="checkbox" v-model="todo.done" />