\u003C/div>`. If I would style said `div` with a `padding: 8px`, it is expected that by nesting it 3 levels deep, I would end up with 3 div html elements, each pushing its child `8px` in. \r\n\r\nThe result is basically:\r\n\r\n```html\r\n\u003Cdiv class=\"spacer\">\r\n \u003Cdiv class=\"spacer\">\r\n \u003Cdiv class=\"spacer\">\u003Cslot />\u003C/div>\r\n \u003C/div>\r\n\u003C/div>\r\n```\r\n\r\n> **notice** how on line 5, I get back the actual, non-compiled template.\r\n\r\n\n\n### Reproduction\n\n- create a custom component, say a \u003CTest> component with a `\u003Cslot />`\r\n- import it to vitepress\r\n- write a `md` story and nest the component three times:\r\n\r\n```md\r\n\u003Ctest>\r\n \u003Ctest>\u003C/test>\r\n \u003Ctest>\r\n \u003Ctest>I get rendered as text, even if I contain an HTML element, such as a `\u003Cbutton>`\u003C/test>\r\n \u003C/test>\r\n\u003C/test>\r\n```\n\n### Expected behavior\n\ntemplate compiler should keep going through deeper levels of components and render them as HTML elements.\n\n### System Info\n\n```shell\nSystem:\r\n OS: macOS 12.2\r\n CPU: (8) arm64 Apple M1\r\n Memory: 119.95 MB / 16.00 GB\r\n Shell: 5.8 - /bin/zsh\r\n Binaries:\r\n Node: 16.13.0 - ~/.nvm/versions/node/v16.13.0/bin/node\r\n Yarn: 1.22.17 - /opt/homebrew/bin/yarn\r\n npm: 8.1.0 - ~/.nvm/versions/node/v16.13.0/bin/npm\r\n Browsers:\r\n Chrome: 97.0.4692.99\r\n Safari: 15.3\r\n npmPackages:\r\n vitepress: ^0.21.6 => 0.21.6\n```\n\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://vuejs.org/coc)\n- [X] Read the [docs](https://vitepress.vuejs.org/).\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[2895],{"name":2896,"color":2897},"build","377ba8",519,"nested templates not being compiled","2023-01-21T14:32:54Z","https://github.com/vuejs/vitepress/issues/519",0.69741225,{"description":2904,"labels":2905,"number":2909,"owner":2875,"repository":2876,"state":2887,"title":2910,"updated_at":2911,"url":2912,"score":2913},"### Describe the bug\r\n\r\nThe padding of the markdown content dom is not stable, causing the sidebar to shift slightly when switching between markdowns via the sidebar.\r\n\r\n### Reproduction\r\n\r\nReferring to the link below, when switching between clicking on link 1 and link 2 at bottom of the sidebar, you will notice that the sidebar is slightly shifting.\r\n\r\nhttps://vitepress.dev/zh/guide/mpa-mode\r\n\r\n\r\n\r\n\r\n### Expected behavior\r\n\r\nThe sidebar remains stable\r\n\r\n### System Info\r\n\r\n```Text\r\nSystem:\r\n OS: Windows 11 10.0.22631\r\n CPU: (6) x64 Intel(R) Core(TM) i5-8400 CPU @ 2.80GHz\r\n Memory: 5.25 GB / 15.94 GB\r\n Binaries:\r\n Node: 18.18.2 - C:\\Program Files\\nodejs\\node.EXE\r\n npm: 9.8.1 - C:\\Program Files\\nodejs\\npm.CMD\r\n pnpm: 8.14.0 - ~\\AppData\\Roaming\\npm\\pnpm.CMD\r\n Browsers:\r\n Edge: Chromium (123.0.2420.81)\r\n npmPackages:\r\n vitepress: 1.0.1 => 1.0.1\r\n```\r\n\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Validations\r\n\r\n- [X] Check if you're on the [latest VitePress version](https://github.com/vuejs/vitepress/releases/latest).\r\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\r\n- [X] Read the [docs](https://vitepress.dev).\r\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[2906],{"name":2907,"color":2908},"need more info","bdbefc",3775,"Markdown section's dom padding is not stable","2024-04-28T12:24:59Z","https://github.com/vuejs/vitepress/issues/3775",0.70253044,{"description":2915,"labels":2916,"number":377,"owner":2875,"repository":2876,"state":2887,"title":2918,"updated_at":2919,"url":2920,"score":2921},"### Is your feature request related to a problem? Please describe.\n\nCurrently sidebar depth can be specified per page in the frontmatter section. It would be convenient to set a global default sidebar depth in themeConfig. In situations where pages are auto-generated, adding the frontmatter block may not be so easy. \n\n### Describe the solution you'd like\n\nAdd support for `sidebarDepth` in `themeConfig`.\r\n\r\nSidebar depth specified in the frontmatter block should take priority over what's defined in `themeConfig`. If `sidebarDepth` is not defined, either in the page or in `themeConfig`, `Infinity` should be used to avoid breaking changes.\r\n\n\n### Describe alternatives you've considered\n\nThe default theme in vuepress supports setting sidebarDepth in sidebar groups as well, which could be nice, but I guess the most important is to have a global default available.\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://vuejs.org/coc)\n- [X] Read the [docs](https://vitepress.vuejs.org/).\n- [X] Read the [Contributing Guidelines](https://github.com/vuejs/vitepress/blob/master/.github/contributing.md).\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[2917],{"name":2866,"color":2867},"Support setting sidebar depth in themeConfig for default theme","2023-01-21T14:32:50Z","https://github.com/vuejs/vitepress/issues/482",0.712167,{"description":2923,"labels":2924,"number":2928,"owner":2875,"repository":2876,"state":2887,"title":2929,"updated_at":2930,"url":2931,"score":2932},"\r\n\r\n**Describe the bug**\r\nThe title has multiple underlines, but the generated navigation bar has fewer underlines\r\n\r\n\r\n**System Info**\r\n- vitepress version: 0.14.0\r\n\r\n",[2925],{"name":2926,"color":2927},"bug: pending triage","e99695",327,"Why is there less underline in the side navigation bar","2023-01-21T16:22:18Z","https://github.com/vuejs/vitepress/issues/327",0.7128556,{"description":2934,"labels":2935,"number":2937,"owner":2875,"repository":2876,"state":2887,"title":2938,"updated_at":2939,"url":2940,"score":2941},"### Describe the bug\n\n\u003Cimg width=\"606\" alt=\"image\" src=\"https://user-images.githubusercontent.com/38745323/183691344-07a0abfb-b01a-4d79-86c8-1b22fb5fc957.png\">\r\n\r\n\u003Cimg width=\"1227\" alt=\"image\" src=\"https://user-images.githubusercontent.com/38745323/183691940-a9caf108-f3d1-4569-8f77-4c1486ee4fa4.png\">\r\n\n\n### Reproduction\n\nWhen I custom the max-width use --vp-layout-max-width: 1680px;\r\n\r\nThen style of sidebar is ugly when I resize the window.\n\n### Expected behavior\n\nThe title of the header and the sidebar are always aligned.\n\n### System Info\n\n```shell\nSystem:\r\n OS: macOS 12.4\r\n CPU: (10) arm64 Apple M1 Max\r\n Memory: 1.91 GB / 64.00 GB\r\n Shell: 5.8.1 - /bin/zsh\r\n Binaries:\r\n Node: 14.18.1 - ~/.nvm/versions/node/v14.18.1/bin/node\r\n Yarn: 1.22.18 - /opt/homebrew/bin/yarn\r\n npm: 6.14.15 - ~/.nvm/versions/node/v14.18.1/bin/npm\r\n Browsers:\r\n Chrome: 104.0.5112.79\r\n Firefox: 101.0\r\n Safari: 15.5\r\n npmPackages:\r\n vitepress: ^1.0.0-alpha.4 => 1.0.0-alpha.4\n```\n\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [X] Read the [docs](https://vitepress.vuejs.org).\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[2936],{"name":2907,"color":2908},1147,"Style error when custom max-width","2023-01-21T14:20:45Z","https://github.com/vuejs/vitepress/issues/1147",0.716685,{"description":2943,"labels":2944,"number":2946,"owner":2875,"repository":2876,"state":2887,"title":2947,"updated_at":2948,"url":2949,"score":2950},"### Describe the bug\n\nI cannot seem to get the sidebar working properly and get these warnings and errors when attempting to create one:\r\n\n\n### Reproduction\n\nMy `.vitepress/config.js` file looks like this right now since I am just starting to write my documentation:\r\n\r\n```\r\nexport default {\r\n title: 'Magnetar Docs',\r\n themeConfig: {\r\n nav: [\r\n {\r\n text: 'Changelog',\r\n link: 'https://github.com/CyCraft/magnetar/blob/production/CHANGELOG.md',\r\n },\r\n { text: 'Github', link: 'https://github.com/cycraft/magnetar' },\r\n ],\r\n // sidebar: [{ text: 'About', items: [{ text: 'About', link: '/docs-main/about' }] }],\r\n sidebar: [{ text: 'About', link: '/docs-main/about' }],\r\n },\r\n}\r\n```\r\n\r\nI thought I was using the same syntax as the [docs use](https://vitepress.vuejs.org/guide/theme-sidebar.html), but I still get this error. \r\n\r\nHowever, if I use the synax in the commented out code with the `items` array, I obviously don't get the warnings and errors, but then the page looks like this and the second `About` route leads to a 404 page. It's also not how I want my sidebar to look.\r\n\r\n\n\n### Expected behavior\n\nI just want my sidebar to look like it does in my quasar version, but obviously using vitepress.\r\nSimple sections with the subsections based on the markdown #, ##, ###'s. \r\nI see nothing in the documentation to help me achieve this however.\r\n\r\n\u003Cimg width=\"269\" alt=\"image\" src=\"https://user-images.githubusercontent.com/68723584/183260460-5bf30d63-3328-4bc8-b822-f91f973b122b.png\">\r\n\n\n### System Info\n\n```shell\nSystem:\r\n OS: macOS 12.5\r\n CPU: (8) x64 Intel(R) Core(TM) i5-1038NG7 CPU @ 2.00GHz\r\n Memory: 23.31 MB / 16.00 GB\r\n Shell: 5.8.1 - /bin/zsh\r\n Binaries:\r\n Node: 16.5.0 - /usr/local/bin/node\r\n Yarn: 1.22.19 - /usr/local/bin/yarn\r\n npm: 7.24.2 - /usr/local/bin/npm\r\n Browsers:\r\n Chrome: 104.0.5112.79\r\n Firefox: 90.0.2\r\n Firefox Developer Edition: 97.0\r\n Safari: 15.6\r\n Safari Technology Preview: 16.0\n```\n\n\n### Additional context\n\nMy docs file list looks like this \r\n\r\n\r\n\r\n`.vitepress/theme/index.js` looks like \r\n```\r\nimport DefaultTheme from 'vitepress/theme'\r\nimport './custom.css'\r\n\r\nexport default DefaultTheme\r\n```\r\n\r\nPerhaps it has to do with this? I doubt that though.\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [X] Read the [docs](https://vitepress.vuejs.org).\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[2945],{"name":2866,"color":2867},1135,"Sidebar Error `Invalid prop \"items\"` when creating sidebar inside of themeconfig","2023-03-21T00:04:04Z","https://github.com/vuejs/vitepress/issues/1135",0.71780264,{"description":2952,"labels":2953,"number":2957,"owner":2875,"repository":2876,"state":2887,"title":2958,"updated_at":2959,"url":2960,"score":2961},"### Describe the bug\n\nYesterday when I tested using vitepress to build my own project, I found that there is a problem if I follow the documentation.\r\n\r\n````js\r\n sidebar: {\r\n // This sidebar gets displayed when user is\r\n // under `guide` directory.\r\n '/guide/': {\r\n text: 'Guide',\r\n items: [\r\n // This shows the `/guide/index.md` page.\r\n { text: 'Index', link: '/guide/' }, // /guide/index.md\r\n { text: 'One', link: '/guide/one' }, // /guide/one.md\r\n { text: 'Two', link: '/guide/two' } // /guide/two.md\r\n ]\r\n },\r\n }\r\n````\r\nThe content after '/guide/' needs to be an array, but the document content is written as an object\n\n### Reproduction\n\n``` js\r\nsidebar: {\r\n \"/channel/\": {\r\n text: \"视频制作\",\r\n collapsible: true,\r\n items: [\r\n { text: \"剪辑软件选择\", link: \"/channel/video/software\" },\r\n { text: \"视频教程地址\", link: \"/channel/video/videos\" },\r\n ],\r\n },\r\n },\r\n```\n\n### Expected behavior\n\nI hope the documentation can give some hints\n\n### System Info\n\n```shell\n-- browsers \r\n\r\nsidebar.js:23 Uncaught (in promise) TypeError: sidebar is not iterable\r\n at getFlatSideBarLinks (sidebar.js:23:25)\r\n at ReactiveEffect.fn (prev-next.js:9:28)\r\n at ReactiveEffect.run (reactivity.esm-bundler.js:185:25)\r\n at get value [as value] (reactivity.esm-bundler.js:1144:39)\r\n at unref (reactivity.esm-bundler.js:1052:29)\r\n at Object.get (reactivity.esm-bundler.js:1055:37)\r\n at Proxy._sfc_render (VPDocFooter.vue:17:17)\r\n at renderComponentRoot (runtime-core.esm-bundler.js:896:44)\r\n at ReactiveEffect.componentUpdateFn [as fn] (runtime-core.esm-bundler.js:5575:57)\r\n at ReactiveEffect.run (reactivity.esm-bundler.js:185:25)\r\n```\n```\n\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [X] Read the [docs](https://vitepress.vuejs.org).\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[2954],{"name":2955,"color":2956},"docs","0075ca",722,"'collapsible-sidebar-groups' pages 'Multiple Sidebars' code content is not true","2023-01-21T14:35:32Z","https://github.com/vuejs/vitepress/issues/722",0.7195941,{"description":2963,"labels":2964,"number":2966,"owner":2875,"repository":2876,"state":2887,"title":2967,"updated_at":2968,"url":2969,"score":2970},"### Describe the bug\r\n\r\nWhile scrolling long pages with disabled sidebar, the header shows just a border with the color of --vp-c-gutter.\r\n\r\nOther pages with sidebar uses a curtain to smoothly soft the edge.\r\n\r\nThis inkonsistent usage of scrolling directly feels strange. Maybe not notices so far, because Vitepress site does not seem to have page without sidebar.\r\n\r\n### Reproduction\r\n\r\nJust use a long page and add the following frontmatter to it\r\n\r\n---\r\naside: false\r\noutline: false\r\n---\r\n\r\nand start scrolling\r\n\r\n### Expected behavior\r\n\r\nScrolling should behave konsistent on sidebar less page\r\n\r\n### System Info\r\n\r\n```sh\r\nSystem:\r\n OS: Windows 10 10.0.22621\r\n CPU: (12) x64 AMD Ryzen 5 3600 6-Core Processor\r\n Memory: 7.84 GB / 15.95 GB\r\n Binaries:\r\n Node: 18.16.1 - C:\\Program Files\\nodejs\\node.EXE\r\n npm: 9.5.1 - C:\\Program Files\\nodejs\\npm.CMD\r\n Browsers:\r\n Chrome: 116.0.5845.111\r\n Edge: Spartan (44.22621.2215.0), Chromium (116.0.1938.54)\r\n Internet Explorer: 11.0.22621.1\r\n npmPackages:\r\n vitepress: ^1.0.0-rc.8 => 1.0.0-rc.8\r\n```\r\n\r\n\r\n### Additional context\r\n\r\nMy current workaround inside custom.css:\r\n\r\nThese are the vp rules, but without ` .VPNavBar.has-sidebar` prefix.\r\n\r\n```css\r\n@media (min-width: 960px) {\r\n/* .VPNavBar.has-sidebar .curtain { */\r\n .VPNavBar .curtain {\r\n position: absolute;\r\n right: 0;\r\n bottom: -31px;\r\n /*width: calc(100% - var(--vp-sidebar-width));*/\r\n width: 100%;\r\n height: 32px;\r\n }\r\n}\r\n@media (min-width: 960px) {\r\n/* .VPNavBar.has-sidebar .curtain::before { */\r\n .VPNavBar .curtain::before {\r\n display: block;\r\n width: 100%;\r\n height: 32px;\r\n background: linear-gradient(var(--vp-c-bg), transparent 70%);\r\n content: \"\";\r\n }\r\n}\r\n```\r\nMaybe the final solution simply can be to remove `.has-sidebar` from code.\r\n\r\nAlso the default 'hard' gutter of #000000 disturbs a little bit the harmonic design.\r\n\r\nMy workaround solution is to use\r\n\r\n`--vp-c-gutter: transparent; `\r\n\r\nsince it is also used for the footer separation, and the visual separation is not nessassary for me.\r\n\r\nLive example usage on \r\n[btp.udina.de](https://btp.udina.de/about.html)\r\n\r\nBest regards\r\nHolger\r\n\r\n\r\n### Validations\r\n\r\n- [X] Check if you're on the [latest VitePress version](https://github.com/vuejs/vitepress/releases/latest).\r\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\r\n- [X] Read the [docs](https://vitepress.dev).\r\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[2965],{"name":2866,"color":2867},2864,"Theme does not use header curtain on pages without sidebar","2023-09-05T00:04:11Z","https://github.com/vuejs/vitepress/issues/2864",0.72256625,["Reactive",2972],{},["Set"],["ShallowReactive",2975],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fGe34fI93qU_m45SjdKwRC5GPV9g6qqG0qbKrjRxe26U":-1},"/vuejs/vitepress/563"]