Design Token section to display components are separate pages

[rinobatin]

Any idea how to display the components under design tokens are separate pages? I thought changing sectionDepth to 2 should be enough.

I'm using version 3.5.7.

//  ./config/docs.config.js
pagePerSection: true,
sections: [
...
{
      name: "Design Tokens",
      content: "../docs/tokens.md",
      sectionDepth: 2, // <-- changed from 1
      exampleMode: "hide",
      usageMode: "hide",
      components: () => [
        "../docs/components/tokens/Color.vue",
        "../docs/components/tokens/FontSize.vue",
        "../docs/components/tokens/Spacing.vue",
        "../docs/components/tokens/All.vue",
      ],
 }
]

[arielsalminen]

@rinobatin These are hidden in css currently, remove the following lines to see the subsections in menu:

https://github.com/viljamis/vue-design-system/blob/master/docs/docs.styles.scss#L670-L673

[rinobatin]

Thank you!