[BUG] sidebar : switching pages collapsed sidebar items NOT expand

[Zhengqbbb]

Describe the bug

switching pages collapsed sidebar items NOT expand

Reproduction

https://stackblitz.com/edit/vite-bvmtz6?file=docs%2F.vitepress%2Fconfig.ts

Arc.mp4

Expected behavior

auto expand collapsed sidebar items when switching pages

System Info

https://stackblitz.com/edit/vite-bvmtz6?file=docs%2F.vitepress%2Fconfig.ts

Additional context

It should be caused by recent changes, and the previous version was normal.

Validations

• Check if you're on the latest VitePress version.
• Follow our Code of Conduct
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

[Shyam-Chen]

    sidebar: {
      '/foo': [
        {
          text: 'hello',
          collapsed: true,
          items: [
            {
              text: 'a',
              link: '/foo/a',
            },
            {
              text: 'b',
              link: '/foo/b',
            },
          ],
        },
      ],
      '/bar': [
        {
-         text: 'hello',
+         text: 'hello 2',
          collapsed: true,
          items: [
            {
              text: 'a',
              link: '/bar/a',
            },
            {
              text: 'b',
              link: '/bar/b',
            },
          ],
        },
      ],
    },

[Zhengqbbb]

@Shyam-Chen

-         text: 'hello',
+         text: 'hello 2',

What you want to express is that :key causes a problem with rendering, I know this.
But it is also possible that the sidebar structure is the same, but the content is different

[Zhengqbbb]

I tried to use the sidebar match value to add to the outermost SidebarItem :key
Ensure basic caching feature and update when sidebar match changes
But I don't know if this is possible or have better way

export function getSidebarMatchPath(
  sidebar: DefaultTheme.Sidebar | undefined,
  _path: string
): string {
  if (Array.isArray(sidebar) || sidebar == null) return ''
  const path = ensureStartingSlash(_path)
  return Object.keys(sidebar).find((key) => {
    return path.startsWith(ensureStartingSlash(key))
  }) || ''
}

- <div v-for="item in sidebarGroups" :key="item.text" class="group">
+ <div v-for="item in sidebarGroups" :key="sidebarMatchPath + item.text" class="group">

[Zhengqbbb]

Can I offer help, such as testing or PR ? or have any other think?
Because I haven't seen the label change for this ISSUE yet. 👀