category chooser mostly works in timer

src/components/timer.vue

@@ -146,8 +146,8 @@
 					return false
 				}
 			},
-			handleCategoryChange(chosenCategory){
+			handleCategoryChange(chosenCategoryID){
-				this.practice_category_id = chosenCategory.id
+				this.practice_category_id = chosenCategoryID
 			}
 		},
 		mounted() {
@@ -158,8 +158,8 @@
 			window.onbeforeunload = this.confirmClose
 		},
 		watch: {
-			currentWorkingCategory(chosenCategory){
+			currentWorkingCategory(chosenCategoryID){
-				this.practice_category_id = chosenCategory.id
+				this.practice_category_id = chosenCategoryID
 			}
 		}
 	}
@@ -178,6 +178,7 @@
 		<button :disabled="running || totalSeconds === 0" @click="reset">Reset</button>
 	</div>
 	<form @submit="submit">
+		{{practice_category_id}}
 		<label>Description</label>
 		<input v-model="description" type="text" maxlength="128"/>