gitea-yuany3721/vuepress-theme-plume
1
0
Fork 1
mirror of https://github.com/pengzhanbo/vuepress-theme-plume.git synced 2026-04-23 10:58:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

perf(theme): improve sidebar active link

Browse Source
This commit is contained in:
pengzhanbo 2024-07-27 20:48:10 +08:00
parent ac8984d050
commit 6bf5302da1
1 changed files with 3 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
theme/src/client/composables/sidebar.ts
View File

@ -16,7 +16,6 @@ import {
ref,
watch,
watchEffect,
watchPostEffect,
} from 'vue'
import { sidebar as sidebarRaw } from '@internal/sidebar'
import { isActive, normalizeLink, normalizePrefix, resolveNavLink } from '../utils/index.js'
@ -368,7 +367,7 @@ export function useSidebarControl(item: ComputedRef<ResolvedSidebarItem>): Sideb
)
}
watch([page, item, () => route.hash], updateIsActiveLink)
watch([() => page.value.path, item, () => route.hash], updateIsActiveLink)
onMounted(updateIsActiveLink)
const hasActiveLink = computed(() => {
@ -389,11 +388,11 @@ export function useSidebarControl(item: ComputedRef<ResolvedSidebarItem>): Sideb
collapsed.value = !!(collapsible.value && item.value.collapsed)
})
watchPostEffect(() => {
watch(() => [page.value.path, isActiveLink.value, hasActiveLink.value], () => {
if (isActiveLink.value || hasActiveLink.value) {
collapsed.value = false
}
})
}, { immediate: true, flush: 'post' })
const toggle = (): void => {
if (collapsible.value) {