From c1010d77e9425964d42181af15d6d5331cb46955 Mon Sep 17 00:00:00 2001
From: Matthew Huntington <matt.huntington@gmail.com>
Date: Sat, 25 Mar 2023 15:53:38 -0400
Subject: [PATCH] get user intput from timer

---
 src/components/timer.vue | 13 ++++++++-----
 1 file changed, 8 insertions(+), 5 deletions(-)

diff --git a/src/components/timer.vue b/src/components/timer.vue
index db85dad..5c81d79 100644
--- a/src/components/timer.vue
+++ b/src/components/timer.vue
@@ -9,7 +9,10 @@
 		methods: {
 			submit(event){
 				event.preventDefault();
-				console.log('hi');
+				console.log(this.description);
+				console.log(this.seconds);
+				console.log(this.comments);
+				console.log(this.practice_category_id);
 			}
 		},
 		mounted() {
@@ -25,16 +28,16 @@
 		<summary><h2>Timer</h2></summary>
 		<form @submit="submit">
 			<label>Description</label>
-			<input type="text"/>
+			<input v-model="description" type="text"/>
 
 			<label>Seconds</label>
-			<input type="number"/>
+			<input v-model="seconds" type="number"/>
 
 			<label>Comments</label>
-			<textarea/>
+			<textarea v-model="comments"/>
 
 			<label>Practice Category</label>
-			<select>
+			<select v-model="practice_category_id">
 				<option v-for="category in categories" v-bind:value="category.id">
 					{{category.id}}.
 					{{category.instrument}}