From 4529965b1a6bc09fbe59ca161dcfada309d72640 Mon Sep 17 00:00:00 2001
From: "Mr. Robot" <gomexxxx71@gmail.com>
Date: Mon, 23 Mar 2026 12:42:45 +0600
Subject: [PATCH 1/5] feat: highlight active item in package docs sidebar

---
 app/pages/package-docs/[...path].vue | 27 ++++++++++++++++++++++++++-
 1 file changed, 26 insertions(+), 1 deletion(-)

diff --git a/app/pages/package-docs/[...path].vue b/app/pages/package-docs/[...path].vue
index 37cf258219..0f49964611 100644
--- a/app/pages/package-docs/[...path].vue
+++ b/app/pages/package-docs/[...path].vue
@@ -138,6 +138,27 @@ const stickyStyle = computed(() => {
     '--combined-header-height': `${56 + (packageHeaderHeight.value || 44)}px`,
   }
 })
+
+// Track active TOC item based on URL hash
+const tocContainerRef = useTemplateRef('tocContainerRef')
+
+function updateActiveTocLink(hash: string) {
+  const container = tocContainerRef.value
+  if (!container) return
+
+  container.querySelector('a.toc-active')?.classList.remove('toc-active')
+
+  if (hash) {
+    const link = container.querySelector(`a[href="${CSS.escape(hash)}"]`)
+    link?.classList.add('toc-active')
+  }
+}
+
+if (import.meta.client) {
+  watch(() => route.hash, hash => updateActiveTocLink(hash))
+  watch(() => docsData.value?.toc, () => nextTick(() => updateActiveTocLink(route.hash)))
+  onMounted(() => updateActiveTocLink(route.hash))
+}
 </script>
 
 <template>
@@ -162,7 +183,7 @@ const stickyStyle = computed(() => {
             {{ $t('package.docs.contents') }}
           </h2>
           <!-- eslint-disable vue/no-v-html -->
-          <div class="toc-content" v-html="docsData.toc" />
+          <div ref="tocContainerRef" class="toc-content" v-html="docsData.toc" />
         </div>
       </aside>
 
@@ -231,6 +252,10 @@ const stickyStyle = computed(() => {
   @apply text-xs text-fg-subtle hover:text-fg block py-0.5 truncate;
 }
 
+.toc-content a.toc-active {
+  @apply text-fg font-medium;
+}
+
 /* Main docs content container - no max-width to use full space */
 .docs-content {
   @apply max-w-none;

From 325b3f39a82988987f02643783f6c39e475a2c0c Mon Sep 17 00:00:00 2001
From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com>
Date: Mon, 23 Mar 2026 06:48:26 +0000
Subject: [PATCH 2/5] [autofix.ci] apply automated fixes

---
 app/pages/package-docs/[...path].vue | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/app/pages/package-docs/[...path].vue b/app/pages/package-docs/[...path].vue
index 0f49964611..77ca5f2acf 100644
--- a/app/pages/package-docs/[...path].vue
+++ b/app/pages/package-docs/[...path].vue
@@ -155,8 +155,14 @@ function updateActiveTocLink(hash: string) {
 }
 
 if (import.meta.client) {
-  watch(() => route.hash, hash => updateActiveTocLink(hash))
-  watch(() => docsData.value?.toc, () => nextTick(() => updateActiveTocLink(route.hash)))
+  watch(
+    () => route.hash,
+    hash => updateActiveTocLink(hash),
+  )
+  watch(
+    () => docsData.value?.toc,
+    () => nextTick(() => updateActiveTocLink(route.hash)),
+  )
   onMounted(() => updateActiveTocLink(route.hash))
 }
 </script>

From 7635a4a4a91bebc70316314a2938cba61bf93e7d Mon Sep 17 00:00:00 2001
From: "Mr. Robot" <gomexxxx71@gmail.com>
Date: Mon, 23 Mar 2026 12:59:28 +0600
Subject: [PATCH 3/5] chore: update

---
 app/pages/package-docs/[...path].vue | 26 ++++++++++++++++++++------
 1 file changed, 20 insertions(+), 6 deletions(-)

diff --git a/app/pages/package-docs/[...path].vue b/app/pages/package-docs/[...path].vue
index 0f49964611..588851899c 100644
--- a/app/pages/package-docs/[...path].vue
+++ b/app/pages/package-docs/[...path].vue
@@ -142,22 +142,36 @@ const stickyStyle = computed(() => {
 // Track active TOC item based on URL hash
 const tocContainerRef = useTemplateRef('tocContainerRef')
 
-function updateActiveTocLink(hash: string) {
+function updateActiveTocLink() {
   const container = tocContainerRef.value
   if (!container) return
 
+  const hash = window.location.hash
+
   container.querySelector('a.toc-active')?.classList.remove('toc-active')
 
   if (hash) {
-    const link = container.querySelector(`a[href="${CSS.escape(hash)}"]`)
+    const link = container.querySelector(`a[href="#${CSS.escape(hash.slice(1))}"]`)
     link?.classList.add('toc-active')
   }
 }
 
+function onTocClick(e: Event) {
+  const link = (e.target as HTMLElement).closest('a[href^="#"]')
+  if (link) {
+    nextTick(updateActiveTocLink)
+  }
+}
+
 if (import.meta.client) {
-  watch(() => route.hash, hash => updateActiveTocLink(hash))
-  watch(() => docsData.value?.toc, () => nextTick(() => updateActiveTocLink(route.hash)))
-  onMounted(() => updateActiveTocLink(route.hash))
+  watch(() => docsData.value?.toc, () => nextTick(updateActiveTocLink))
+  onMounted(() => {
+    window.addEventListener('hashchange', updateActiveTocLink)
+    updateActiveTocLink()
+  })
+  onBeforeUnmount(() => {
+    window.removeEventListener('hashchange', updateActiveTocLink)
+  })
 }
 </script>
 
@@ -183,7 +197,7 @@ if (import.meta.client) {
             {{ $t('package.docs.contents') }}
           </h2>
           <!-- eslint-disable vue/no-v-html -->
-          <div ref="tocContainerRef" class="toc-content" v-html="docsData.toc" />
+          <div ref="tocContainerRef" class="toc-content" @click="onTocClick" v-html="docsData.toc" />
         </div>
       </aside>
 

From 6181ed1754cf8efbbbf0850f8d9264cc64410737 Mon Sep 17 00:00:00 2001
From: "autofix-ci[bot]" <114827586+autofix-ci[bot]@users.noreply.github.com>
Date: Mon, 23 Mar 2026 07:02:27 +0000
Subject: [PATCH 4/5] [autofix.ci] apply automated fixes

---
 app/pages/package-docs/[...path].vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/app/pages/package-docs/[...path].vue b/app/pages/package-docs/[...path].vue
index 588851899c..3dade84e1b 100644
--- a/app/pages/package-docs/[...path].vue
+++ b/app/pages/package-docs/[...path].vue
@@ -164,7 +164,10 @@ function onTocClick(e: Event) {
 }
 
 if (import.meta.client) {
-  watch(() => docsData.value?.toc, () => nextTick(updateActiveTocLink))
+  watch(
+    () => docsData.value?.toc,
+    () => nextTick(updateActiveTocLink),
+  )
   onMounted(() => {
     window.addEventListener('hashchange', updateActiveTocLink)
     updateActiveTocLink()
@@ -197,7 +200,12 @@ if (import.meta.client) {
             {{ $t('package.docs.contents') }}
           </h2>
           <!-- eslint-disable vue/no-v-html -->
-          <div ref="tocContainerRef" class="toc-content" @click="onTocClick" v-html="docsData.toc" />
+          <div
+            ref="tocContainerRef"
+            class="toc-content"
+            @click="onTocClick"
+            v-html="docsData.toc"
+          />
         </div>
       </aside>
 

From c8a5468ac7f7320a8f81679038f41be5cb041aa9 Mon Sep 17 00:00:00 2001
From: "Willow (GHOST)" <git@willow.sh>
Date: Mon, 23 Mar 2026 09:43:15 -0700
Subject: [PATCH 5/5] refactor: use useeventlistener

---
 app/pages/package-docs/[...path].vue | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/app/pages/package-docs/[...path].vue b/app/pages/package-docs/[...path].vue
index 3dade84e1b..d40e28d819 100644
--- a/app/pages/package-docs/[...path].vue
+++ b/app/pages/package-docs/[...path].vue
@@ -168,13 +168,9 @@ if (import.meta.client) {
     () => docsData.value?.toc,
     () => nextTick(updateActiveTocLink),
   )
-  onMounted(() => {
-    window.addEventListener('hashchange', updateActiveTocLink)
-    updateActiveTocLink()
-  })
-  onBeforeUnmount(() => {
-    window.removeEventListener('hashchange', updateActiveTocLink)
-  })
+
+  onMounted(updateActiveTocLink)
+  useEventListener(window, 'hashchange', updateActiveTocLink)
 }
 </script>