From 88583ddbfb3964435dade2659147470b99a6e027 Mon Sep 17 00:00:00 2001
From: Matthew Huntington <matt.huntington@gmail.com>
Date: Tue, 24 Sep 2024 11:17:18 -0400
Subject: [PATCH] only single click needed on summary now

---
 src/App.vue                         | 4 ----
 src/components/category_chooser.vue | 7 ++++++-
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 6df5e4a..3e4437c 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -30,10 +30,6 @@
 		currentWorkingInstrument.value = instruments.value.find(instrument => instrument.name === currentWorkingCategory.value.instrument)
 	}
 	onMounted(loadData)
-
-	watch(currentWorkingInstrument, () => {
-		currentWorkingCategory.value = categories.value.find(category => category.instrument === currentWorkingInstrument.value.name)
-	})
 </script>
 
 <template>
diff --git a/src/components/category_chooser.vue b/src/components/category_chooser.vue
index 25c908a..5c232f1 100644
--- a/src/components/category_chooser.vue
+++ b/src/components/category_chooser.vue
@@ -2,9 +2,14 @@
 	const props = defineProps(['instruments', 'categories'])
 	const currentWorkingCategory = defineModel('currentWorkingCategory')
 	const currentWorkingInstrument = defineModel('currentWorkingInstrument')
+ 	
+	const selectFirstInstrumentOfCategory = () => {
+		currentWorkingCategory.value = props.categories.find(category => category.instrument === currentWorkingInstrument.value.name)
+	}
+
 </script>
 <template>
-	<select v-model="currentWorkingInstrument">
+	<select @change="selectFirstInstrumentOfCategory" v-model="currentWorkingInstrument">
 		<option :value="instrument" v-for="instrument in props.instruments">
 			{{instrument.name}}
 		</option>