Duplicate sidebar in build not dev

Attempting to do a very basic VitePress site and the build looks different then dev. For some reason the build is duplicating the sidebar and page navigation sections.

yarn docs:dev

yarn docs:build and yarn docs:serve

To Reproduce Follow the steps listed here: https://vitepress.vuejs.org/guide/getting-started.html then add a basic sidebar to docs/.vitpress/config.js like this.

module.exports = {
  themeConfig: {
      sidebar: {
          '/': [
              {
                text: 'Introduction',
                children: [
                  { text: 'Introduction', link: '/' },
                  { text: 'Getting Started', link: '/guide/' },
                ]
              }
            ]
      }
  }
}

Expected behavior Would expect yarn docs:dev to look the same as yarn docs:build and yarn docs:serve.

System Info

• vitepress version: v0.9.1
• vite version: v1.0.0-rc.13
• Node version: v12.18.2
• OS version: Pop!_OS 20.10

[posva]

This was fixed in the latest vitepress version

[lukeromanowicz]

@fotijr you are absolutely right.

A quick workaround is to downgrade Vue dependency from 3.0.4 to 3.0.3. In yarn it would be:

  "resolutions": {
    "vitepress/**/vue": "3.0.3",
    "vitepress/@vue/compiler-sfc": "3.0.3",
    "vitepress/@vue/server-renderer": "3.0.3"
  },