yuany3721/vuepress-theme-plume
1
0
Fork 0
forked from gitea-yuany3721/vuepress-theme-plume
Code Pull Requests 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, ref,
watch, watch,
watchEffect, watchEffect,
watchPostEffect,
} from 'vue' } from 'vue'
import { sidebar as sidebarRaw } from '@internal/sidebar' import { sidebar as sidebarRaw } from '@internal/sidebar'
import { isActive, normalizeLink, normalizePrefix, resolveNavLink } from '../utils/index.js' 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) onMounted(updateIsActiveLink)
const hasActiveLink = computed(() => { const hasActiveLink = computed(() => {
@ -389,11 +388,11 @@ export function useSidebarControl(item: ComputedRef<ResolvedSidebarItem>): Sideb
collapsed.value = !!(collapsible.value && item.value.collapsed) collapsed.value = !!(collapsible.value && item.value.collapsed)
}) })
watchPostEffect(() => { watch(() => [page.value.path, isActiveLink.value, hasActiveLink.value], () => {
if (isActiveLink.value || hasActiveLink.value) { if (isActiveLink.value || hasActiveLink.value) {
collapsed.value = false collapsed.value = false
} }
}) }, { immediate: true, flush: 'post' })
const toggle = (): void => { const toggle = (): void => {
if (collapsible.value) { if (collapsible.value) {