VuePress Sidebar does not render

Asked by At
//config.js
sidebar:[

          {
              title: 'Group 1',
              path:'/foo/',
              collapsable: false,
              sidebarDepth: 1,
              children: [
                 '/guide/', 
                '/installation/',
                '/Tips & Trcks/' ]
          },

//my folder structure

enter image description here

The problem: My sidebar shows nothing.

enter image description here

1 Answers

0
noogui On Best Solutions

This is the solution:

     sidebar: [
        '/',
        {
            title: 'Guide',
            collapsable: false,
            children: [ 
            ['/guide/Frontend','Frontend'],
            ['/guide/Backend' , 'Backend' ]

        },

Explanation:

 ['/guide/Frontend','Frontend'],

the '/guide/Frontend' is the path, the 'Frontend' (you can name it whatever you want) is what you want to call it in the sidebar so the sidebar title doesn't have to be read in 'absolute path' format.

enter image description here