I'm having trouble displaying my folder tree in the sidebar. When I click on a parent element like Group
, the children elements are not showing up as expected.
https://i.sstatic.net/kdc98.png
One strange thing is that the Group
elements do not have the CSS property cursor: pointer
to indicate they are clickable. Here's a snippet from my .vitepress/config.ts
:
export default {
title: "blub docs",
description: "blub",
themeConfig: {
nav: [
{ text: 'Home', link: '/' },
{ text: 'Examples', link: '/markdown-examples' }
],
sidebar: {
'/': [
{
text: 'Group 1',
collapsible: true,
children: [
'/group1/page1.md',
'/group1/page2.md',
],
},
{
text: 'Group 2',
collapsible: true,
children: [
'/group2/page1.md',
'/group2/page2.md',
],
},
],
}
}
}
I've also disabled the layout
in root/index.md
so that the sidebar appears on the landing page, but the issue persists:
[//]: # (layout: home)
Although I tried implementing a custom layout, it did not resolve the problem.