PR Feedback

Author: BenjaminMichaelis

EssentialCSharp.Web/wwwroot/js/site.js

@@ -6,6 +6,7 @@ import {
     markRaw,
     watch,
     computed,
+    watchEffect
 } from "vue";
 import { useWindowSize } from "vue-window-size";
 
@@ -124,6 +125,8 @@ const app = createApp({
         const snackbarMessage = ref();
         const snackbarColor = ref();
 
+        const searchQuery = ref('');
+
         function copyToClipboard(copyText) {
             navigator.clipboard
                 .writeText(window.location.origin + "/" + copyText)
@@ -188,6 +191,7 @@ const app = createApp({
 
         const sectionTitle = ref(currentPage?.[0]?.title || "Essential C#");
         const expandedTocs = reactive(new Set());
+
         for (const item of currentPage) {
             expandedTocs.add(item.key);
         }
@@ -235,11 +239,10 @@ const app = createApp({
         });
 
         const enableTocFilter = ref('none');
-        const searchQuery = ref('');
 
         const filteredTocData = computed(() => {
-            expandedTocs.clear();
             if (!searchQuery.value) {
+                expandedTocs.clear();
                 return tocData;
             }
             const query = normalizeString(searchQuery.value);
@@ -252,12 +255,20 @@ const app = createApp({
                 const childMatches = item.items.some(child => filterItem(child, query));
                 matches = matches || childMatches;
             }
-            if (matches) {
-                expandedTocs.add(item.key); // Add matching item to expandedTocs
-            }
             return matches;
         }
 
+        watchEffect(() => {
+            expandedTocs.clear();
+            const query = normalizeString(searchQuery.value);
+            tocData.forEach(item => {
+                if (filterItem(item, query)) {
+                    expandedTocs.add(item.key);
+                    console.log("Added ", item.key);
+                }
+            });
+        });
+
         function normalizeString(str) {
             return str.replace(/[^\w\s]|_/g, "").replace(/\s+/g, " ").toLowerCase();
         }