From c5478e8f3457c6beffa275ade755202949e7e651 Mon Sep 17 00:00:00 2001
From: ian <licitdev@gmail.com>
Date: Mon, 1 Aug 2022 23:19:32 +0800
Subject: [PATCH] feat(theme): auto open collapsed sidebar on enter

---
 src/client/theme-default/components/VPSidebarGroup.vue | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/src/client/theme-default/components/VPSidebarGroup.vue b/src/client/theme-default/components/VPSidebarGroup.vue
index c5623ba6914b..c26359b36eda 100644
--- a/src/client/theme-default/components/VPSidebarGroup.vue
+++ b/src/client/theme-default/components/VPSidebarGroup.vue
@@ -1,6 +1,8 @@
 <script lang="ts" setup>
 import type { DefaultTheme } from 'vitepress/theme'
 import { ref, watchEffect } from 'vue'
+import { useData } from 'vitepress'
+import { isActive } from '../support/utils'
 import VPIconPlusSquare from './icons/VPIconPlusSquare.vue'
 import VPIconMinusSquare from './icons/VPIconMinusSquare.vue'
 import VPSidebarLink from './VPSidebarLink.vue'
@@ -17,6 +19,13 @@ watchEffect(() => {
   collapsed.value = !!(props.collapsible && props.collapsed)
 })
 
+const { page } = useData()
+watchEffect(() => {
+  if(props.items.some((item) => { return isActive(page.value.relativePath, item.link) })){
+    collapsed.value = false
+  }
+})
+
 function toggle() {
   if (props.collapsible) {
     collapsed.value = !collapsed.value