From e427ae92ba52813abd2b5875f94527a889024db5 Mon Sep 17 00:00:00 2001
From: Eason Li <lyu63651@gmail.com>
Date: Mon, 5 Jan 2026 09:23:46 +0800
Subject: [PATCH] Keep filters mutually exclusive

---
 .../theme/components/ToggleIndexes.vue           | 11 +++++++++--
 .../theme/components/ToggleStarred.vue           | 16 ++++++++++++++--
 2 files changed, 23 insertions(+), 4 deletions(-)

diff --git a/docs/.vitepress/theme/components/ToggleIndexes.vue b/docs/.vitepress/theme/components/ToggleIndexes.vue
index 5e2fb4697..76149375d 100644
--- a/docs/.vitepress/theme/components/ToggleIndexes.vue
+++ b/docs/.vitepress/theme/components/ToggleIndexes.vue
@@ -1,8 +1,15 @@
 <script setup lang="ts">
 import Switch from './Switch.vue'
 
-const toggleIndexes = () =>
-  document.documentElement.classList.toggle('indexes-only')
+const toggleIndexes = () => {
+  const root = document.documentElement
+  const enabling = !root.classList.contains('indexes-only')
+  root.classList.toggle('indexes-only')
+
+  if (enabling && root.classList.contains('starred-only')) {
+    root.classList.remove('starred-only')
+  }
+}
 </script>
 
 <template>
diff --git a/docs/.vitepress/theme/components/ToggleStarred.vue b/docs/.vitepress/theme/components/ToggleStarred.vue
index 0bcf0183e..ae5812912 100644
--- a/docs/.vitepress/theme/components/ToggleStarred.vue
+++ b/docs/.vitepress/theme/components/ToggleStarred.vue
@@ -3,9 +3,17 @@ import { onBeforeUnmount, onMounted, ref } from 'vue'
 import Switch from './Switch.vue'
 
 const isDisabled = ref(false)
+const switchKey = ref(0)
 
 const syncDisabled = () => {
-  isDisabled.value = document.documentElement.classList.contains('indexes-only')
+  const root = document.documentElement
+  const disabled = root.classList.contains('indexes-only')
+  isDisabled.value = disabled
+
+  if (disabled && root.classList.contains('starred-only')) {
+    root.classList.remove('starred-only')
+    switchKey.value += 1
+  }
 }
 
 let observer: MutationObserver | undefined
@@ -28,7 +36,11 @@ const toggleStarred = () => {
 </script>
 
 <template>
-  <Switch :class="{ disabled: isDisabled }" @click="toggleStarred()" />
+  <Switch
+    :key="switchKey"
+    :class="{ disabled: isDisabled }"
+    @click="toggleStarred()"
+  />
 </template>
 
 <style>