add/delete notes

pages/dashboard.vue

@@ -7,6 +7,12 @@
 
   const notesStore = useNotesStore();
   const { notes } = storeToRefs(notesStore);  // ensure the notes list is reactive
+  const newNoteText = ref('')
+
+  async function addNote(){
+    await notesStore.createNote(newNoteText.value)
+    newNoteText.value = '';
+  }
 
   onMounted(async () => {
     await notesStore.fetchNotesForCurrentUser();
@@ -15,6 +21,7 @@
 <template>
   <div>
     <h3>Notes Dashboard</h3>
-    <p v-for="note in notes">{{ note.note_text }}</p>
+    <p v-for="note in notes">{{ note.note_text }} <button @click.prevent="notesStore.deleteNote(note.id)">-</button></p>
+    <p><input v-model="newNoteText"/><button @click.prevent="addNote()">Add</button></p>
   </div>
 </template>