From 404cbf12aa564da20137b424db3b42360b55796c Mon Sep 17 00:00:00 2001
From: Matthew Huntington <matt.huntington@gmail.com>
Date: Sat, 12 Oct 2024 19:30:02 -0400
Subject: [PATCH] fixing issue with v-if and category chooser

---
 src/components/category_chooser.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/category_chooser.vue b/src/components/category_chooser.vue
index 5c232f1..f48530b 100644
--- a/src/components/category_chooser.vue
+++ b/src/components/category_chooser.vue
@@ -1,4 +1,6 @@
 <script setup>
+	import { defineProps } from 'vue';
+
 	const props = defineProps(['instruments', 'categories'])
 	const currentWorkingCategory = defineModel('currentWorkingCategory')
 	const currentWorkingInstrument = defineModel('currentWorkingInstrument')
@@ -16,9 +18,8 @@
 	</select>
 	<select v-model="currentWorkingCategory">
 		<option
-			v-show="category.instrument === currentWorkingInstrument.name"
-			:value="category"
-			v-for="category in props.categories">
+			v-for="category in props.categories.filter(currentCategory => currentCategory.instrument === currentWorkingInstrument.name)"
+			:value="category">
 				{{category.category}}
 		</option>
 	</select>