How to get active / highlight state for index page in sidebar

[OCram85]

Hey folks,
just started setting up vitepress with multiple sidebars and noticed the index page never gets marked / highlighted as an active page.

It doesn't matter if use the url <foobar>/pwsh/ or <foobar>/pwsh/index

• external sidebar.mjs definition:

// ....
// ....
// ....

function getPwsh() {
  return [
    {
      text: 'Introduction',
      items: [
        { text: 'About', link: 'index' },
        {
          text: 'Style Guide',
          items: [
            { text: 'Rules', link: 'style-guide/' },
            { text: 'Formatting & Style', link: 'style-guide/format' },
            { text: 'Source Files', link: 'style-guide/files' },
          ]
        }
      ]
    }
  ]
}

// ....
// ....
// ....

export default {
  // ...
  Pwsh: getPwsh(),
 // ...
}

• vitepress config.mjs:

import sidebar from './sidebars.mjs'
// ...
// ...
sidebar: {
    // ...
      '/pwsh/': { base: '/pwsh/', items: sidebar.Pwsh},
    },
    // ...

-- the repo structure looks like this:

Which link should be used for index (about) page in sidebars when der is already a base set? Already tested this:

• { text: 'About', link: 'index' },
• { text: 'About', link: '.' },
• { text: 'About', link: './' },
• { text: 'About', link: 'index' },
• { text: 'About', link: './index' },
• { text: 'About' },

[Feelthis]

In my case problem solved by adding slash in the end of link:
{ text: 'About', link: '/about/' }

[brc-dd]

#3031 (comment)