From d774a0f6dc21ec337c837209981637acaf87c6b5 Mon Sep 17 00:00:00 2001
From: tcollins <tyler@nhlp.com>
Date: Fri, 26 Jun 2026 15:52:20 +0200
Subject: [PATCH 1/4] fixing tool form recommendation toggle

---
 client/src/components/Tool/ToolTutorialRecommendations.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/client/src/components/Tool/ToolTutorialRecommendations.vue b/client/src/components/Tool/ToolTutorialRecommendations.vue
index 52a0d6fefea..cffdb4d5253 100644
--- a/client/src/components/Tool/ToolTutorialRecommendations.vue
+++ b/client/src/components/Tool/ToolTutorialRecommendations.vue
@@ -3,6 +3,7 @@ import { faCaretDown } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import { BButton } from "bootstrap-vue";
 import { computed, reactive, ref } from "vue";
+import Vue from "vue";
 
 import { useToolTrainingMaterial } from "@/composables/toolTrainingMaterial";
 
@@ -34,6 +35,10 @@ const tutorialText = computed(() => {
         return "There is 1 tutorial available which uses this tool.";
     }
 });
+
+function toggleCategory(category: string) {
+    Vue.set(categoryOpen, category, !categoryOpen[category]);
+}
 </script>
 
 <template>
@@ -58,7 +63,7 @@ const tutorialText = computed(() => {
         </BButton>
         <GCollapse v-model="mainOpen">
             <div v-for="category in trainingCategories" :key="category">
-                <BButton class="ui-link ml-3" @click="categoryOpen[category] = !categoryOpen[category]">
+                <BButton class="ui-link ml-3" @click="toggleCategory(category)">
                     {{ category }} ({{ tutorialsInCategory(category).length }})
                     <FontAwesomeIcon :icon="faCaretDown" />
                 </BButton>

From 6d7b3bc96cadb4ed359ef7eb5ad7a136d5a18189 Mon Sep 17 00:00:00 2001
From: tcollins <tyler@nhlp.com>
Date: Fri, 26 Jun 2026 15:58:02 +0200
Subject: [PATCH 2/4] fixed vue import

---
 client/src/components/Tool/ToolTutorialRecommendations.vue | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/client/src/components/Tool/ToolTutorialRecommendations.vue b/client/src/components/Tool/ToolTutorialRecommendations.vue
index cffdb4d5253..5afbfd07ff7 100644
--- a/client/src/components/Tool/ToolTutorialRecommendations.vue
+++ b/client/src/components/Tool/ToolTutorialRecommendations.vue
@@ -2,8 +2,7 @@
 import { faCaretDown } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import { BButton } from "bootstrap-vue";
-import { computed, reactive, ref } from "vue";
-import Vue from "vue";
+import Vue, { computed, reactive, ref } from "vue";
 
 import { useToolTrainingMaterial } from "@/composables/toolTrainingMaterial";
 

From a31a09d592804f07c74b4d46935ec73b6804cf14 Mon Sep 17 00:00:00 2001
From: Tyler Collins <62220253+tcollins2011@users.noreply.github.com>
Date: Mon, 6 Jul 2026 12:51:35 -0400
Subject: [PATCH 3/4] Update
 client/src/components/Tool/ToolTutorialRecommendations.vue

Co-authored-by: Ahmed Hamid Awan <ahmedawan7@hotmail.com>
---
 client/src/components/Tool/ToolTutorialRecommendations.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/components/Tool/ToolTutorialRecommendations.vue b/client/src/components/Tool/ToolTutorialRecommendations.vue
index 5afbfd07ff7..bb42caa3fff 100644
--- a/client/src/components/Tool/ToolTutorialRecommendations.vue
+++ b/client/src/components/Tool/ToolTutorialRecommendations.vue
@@ -2,7 +2,7 @@
 import { faCaretDown } from "@fortawesome/free-solid-svg-icons";
 import { FontAwesomeIcon } from "@fortawesome/vue-fontawesome";
 import { BButton } from "bootstrap-vue";
-import Vue, { computed, reactive, ref } from "vue";
+import { computed, reactive, ref, set } from "vue";
 
 import { useToolTrainingMaterial } from "@/composables/toolTrainingMaterial";
 

From fc0dbc53290ec836d49dff6ee82d6e10e5ad6665 Mon Sep 17 00:00:00 2001
From: Tyler Collins <62220253+tcollins2011@users.noreply.github.com>
Date: Mon, 6 Jul 2026 12:51:39 -0400
Subject: [PATCH 4/4] Update
 client/src/components/Tool/ToolTutorialRecommendations.vue

Co-authored-by: Ahmed Hamid Awan <ahmedawan7@hotmail.com>
---
 client/src/components/Tool/ToolTutorialRecommendations.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/client/src/components/Tool/ToolTutorialRecommendations.vue b/client/src/components/Tool/ToolTutorialRecommendations.vue
index bb42caa3fff..00ad2e8fac7 100644
--- a/client/src/components/Tool/ToolTutorialRecommendations.vue
+++ b/client/src/components/Tool/ToolTutorialRecommendations.vue
@@ -36,7 +36,7 @@ const tutorialText = computed(() => {
 });
 
 function toggleCategory(category: string) {
-    Vue.set(categoryOpen, category, !categoryOpen[category]);
+    set(categoryOpen, category, !categoryOpen[category]);
 }
 </script>