Fix javascript side

Author: Joshua-Lester3

EssentialCSharp.Web/Views/Shared/_Layout.cshtml

@@ -277,7 +277,7 @@
     @* Recursive vue component template for rendering the table of contents. *@
     <template id="toc-tree">
         <li v-if="item.items.length">
-            <details :open="expandedTocs.has(item.key)"
+            <details :open="expandedTocs.has(item.keys)"
                      v-on:toggle="!$event.target.open ? expandedTocs.delete(item.key) : expandedTocs.add(item.key)">
                 <summary :class="{
                          'toc-content' : item.level==0,
@@ -312,7 +312,7 @@
             <a class="section-link" :class="{
                ['indent-level-' + (item.level)]: true,
                'current-section' : currentPage.some(p=>
-                p.key == item.key),
+                JSON.stringify(p.keys) == JSON.stringify(item.keys)),
                 }" :href="item.href"> {{item.title}}
             </a>
         </li>

EssentialCSharp.Web/wwwroot/js/site.js

@@ -80,11 +80,13 @@ const completedFeaturesList = [
 function findCurrentPage(path, items) {
     for (const item of items) {
         const itemPath = [item, ...path];
-        if (
-            window.location.href.endsWith("/" + item.href) ||
-            window.location.href.endsWith("/" + item.key)
-        ) {
-            return itemPath;
+        if (window.location.href.endsWith("/" + item.href)) {
+            return itemPath;
+        }
+        for (let key of item.keys) {
+            if (window.location.href.endsWith("/" + item.key)) {
+                return itemPath;
+            }
         }
 
         const recursivePath = findCurrentPage(itemPath, item.items);
@@ -199,7 +201,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);
+            expandedTocs.add(item.keys);
         }
 
         // hide the sidebar when resizing to small screen
@@ -269,15 +271,15 @@ const app = createApp({
                 expandedTocs.clear();
                 // If a search query is removed, open the TOC for the current page.
                 for (const item of currentPage) {
-                    expandedTocs.add(item.key);
+                    expandedTocs.add(item.keys);
                 }
             }
             else {
                 expandedTocs.clear();
                 const query = normalizeString(newQuery);
                 tocData.forEach(item => {
                     if (filterItem(item, query)) {
-                        expandedTocs.add(item.key);
+                        expandedTocs.add(item.keys);
                     }
                 });
             }