How to use 'base' option for active sidebar?

[Simon7520]

example: https://cn.vuejs.org/api/options-rendering.html
the left sidebar is active and has a actived green color:

but when use 'base' option, like:

base: '/base/'

this active sidebar is not effective, and what should I do ?

[brc-dd]

It should work fine. You might have added extra slash somewhere. Can you share a reproducible example using https://vitepress.new

[Simon7520]

https://stackblitz.com/edit/vite-bpmfrq?file=.vitepress%2Fconfig.ts
it happened when i use the @vue/theme and use the file '.vitepress/theme/index.ts'、'.vitepress/theme/Home.vue'

[brc-dd]

@vue/theme doesn't support base. It is not meant to be used externally.

[Simon7520]

OK，I have resolved this problem by copy and edit the code source of @vue/theme

// /theme/src//vitepress/support/utils.ts
// isActiveNew for withBase path
export function isActiveNew(
  currentPath: string,
  matchPath?: string,
  asRegex = false
): boolean {
  if (matchPath === undefined) {
    return false
  }
  currentPath = normalize(withBase(currentPath))
  if (asRegex) {
    return new RegExp(matchPath).test(currentPath)
  } else {
    if (normalize(matchPath) !== currentPath) {
      return false
    }
    const hashMatch = matchPath.match(hashRE)
    if (hashMatch) {
      return hashRef.value === hashMatch[0]
    }
    return true
  }
}

// /theme/src/vitepress/components/VPSidebarLink.vue

// line 14...
// line 15...
const updateActive = () => {
  active.value = isActiveNew(page.value.relativePath, props.item.link)
}
// line 19...
// line 20...