\r\n\u003CVPNavBarMenu class=\"menu\" />\r\n\u003CVPNavBarTranslations class=\"translations\" />\r\n\u003CVPNavBarAppearance class=\"appearance\" />\r\n\u003CVPNavBarSocialLinks class=\"social-links\" />\r\n\u003CVPNavBarExtra class=\"extra\" />\r\n\u003Cslot name=\"nav-bar-content-after\" />\r\n\u003CVPNavBarHamburger class=\"hamburger\" :active=\"isScreenOpen\" @click=\"$emit('toggle-screen')\" />\r\n```\r\nand those would either have to be copied and/or reimplemented inside my project if all I wanted to do, for example, was put the site title/logo in the middle of the navbar instead of the left side.\r\n\r\n### Describe the solution you'd like\r\n\r\nI'm still learning Vue, but it seems like if these core theme components could be exported from the vitepress library, they could be imported instead of reimplemented if all I wanted to do was copy the NavBar template and edit it a bit.\r\n\r\n### Describe alternatives you've considered\r\n\r\nThe alternative right now seems to be either copying all these theme files into my project, reimplementing them, or not using them and sacrificing their utility.\r\n\r\n### Additional context\r\n\r\n_No response_\r\n\r\n### Validations\r\n\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] Read the [Contributing Guidelines](https://github.com/vuejs/vitepress/blob/main/.github/contributing.md).\r\n- [X] Check that there isn't already an issue that asks for the same feature to avoid creating a duplicate.",[],2976,"Easier Overriding of Internal Components","2023-10-03T00:04:19Z","https://github.com/vuejs/vitepress/issues/2976",0.7055112,{"description":2919,"labels":2920,"number":377,"owner":2874,"repository":2875,"state":2885,"title":2922,"updated_at":2923,"url":2924,"score":2925},"### 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.",[2921],{"name":2868,"color":2869},"Support setting sidebar depth in themeConfig for default theme","2023-01-21T14:32:50Z","https://github.com/vuejs/vitepress/issues/482",0.7083963,{"description":2927,"labels":2928,"number":2932,"owner":2874,"repository":2875,"state":2885,"title":2933,"updated_at":2934,"url":2935,"score":2936},"I'd like to only have a custom NavLinks component while keeping the default vitepress theme. Next I looked at the NavBar although also my version doesn't override. Any help in the right direction would be great.\r\n\r\ndocs/.vitepress/config.js\r\n\r\n```\r\nimport Theme from 'vitepress/theme'\r\nimport '../../assets/vars.css'\r\nimport NavBar from './Mynav.vue'\r\n\r\nconst MyTheme = {...Theme, Layout: {...Theme.Layout, NavBar}}\r\n\r\nexport default {\r\n ...MyTheme,\r\n NotFound: () => 'custom 404',\r\n enhanceApp({app, router, siteData}) {\r\n\r\n },\r\n}\r\n```\r\n ",[2929],{"name":2930,"color":2931},"docs","0075ca",235,"Extending the vitepress theme","2023-03-18T00:04:16Z","https://github.com/vuejs/vitepress/issues/235",0.7103572,{"description":2938,"labels":2939,"number":2941,"owner":2874,"repository":2875,"state":2885,"title":2942,"updated_at":2943,"url":2944,"score":2945},"### Describe the bug\n\n1. open url with hash (eg: https://vitejs.dev/plugins/#community-plugins ) in browser;\r\n2. navbar is transparent so we can see content behind the navbar;\r\n\r\n\n\n### Reproduction\n\nopen https://vitejs.dev/plugins/#community-plugins in browser\n\n### Expected behavior\n\nnavbar can cover content and we can not see content behind the navbar.\n\n### System Info\n\n```sh\nSystem:\r\n OS: macOS 13.3.1\r\n CPU: (8) arm64 Apple M1\r\n Memory: 255.67 MB / 16.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 18.16.0 - /usr/local/bin/node\r\n npm: 9.5.1 - /usr/local/bin/npm\r\n Browsers:\r\n Safari: 16.4\n```\n\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Check if you're on the [latest VitePress version](https://github.com/vuejs/vitepress/releases/latest).\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [X] Read the [docs](https://vitepress.dev).\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[2940],{"name":2868,"color":2869},2364,"navbar cannot cover content when visit directly on a built site which url is with hash","2023-08-16T00:04:21Z","https://github.com/vuejs/vitepress/issues/2364",0.711243,{"description":2947,"labels":2948,"number":2950,"owner":2874,"repository":2875,"state":2885,"title":2951,"updated_at":2952,"url":2953,"score":2954},"\u003C!--\r\nNOTE:\r\nVitePress is still WIP, and it is not compatible with VuePress.\r\nPlease do not open issue about default theme missing features or something doesn't work like VuePress.\r\n-->\r\n\r\n**Describe the bug**\r\nNavbar items doesnt change in ssr render.\r\nAnd sidebar doesnt change when build with a site base.\r\n\r\n**To Reproduce**\r\nSteps to reproduce the behavior:\r\n1. clone this [repo](https://github.com/dewfall123/vitepress-issue-1)\r\n2. run\r\n`yarn`\r\n`yarn build`\r\n`yarn build-dev`\r\n3. open http://127.0.0.1:3002 and switch the language to Chinese.\r\nThe first nav doesnt change to Chinese, witch should be `指南`。\r\n\r\nThe second bug.\r\n1. set a site base.\r\n2. run \r\n`yarn build`\r\n`yarn build-dev`\r\n3. switch the language to Chinese, Sidebar doesnt change.\r\n\r\n**Expected behavior**\r\nNavbar and sidebar should change when switch the language to Chinese.\r\n\r\n**System Info**\r\n- vitepress version: 0.7.0\r\n- vite version: v1.0.0-rc.4\r\n- Node version: 14\r\n- OS version: windows 10\r\n\r\n**Additional context**\r\nI am trying to fix this.\r\n",[2949],{"name":2894,"color":2895},106,"Navbar items doesnt change when switch language","2023-01-21T16:24:22Z","https://github.com/vuejs/vitepress/issues/106",0.71605235,{"description":2956,"labels":2957,"number":2959,"owner":2874,"repository":2875,"state":2885,"title":2960,"updated_at":2961,"url":2962,"score":2963},"### Describe the bug\n\nThe VPNavBar component sets a background-color on one of its containers with a `rgba()` value that is not inherited from the theme's CSS variables.\r\n\r\nAs a result if you customize the value of `--vp-c-bg` (shown behind the navbar), you end up with mismatched colors.\n\n### Reproduction\n\n1. Go to https://vitepress.vuejs.org/guide/what-is-vitepress on a desktop browser (window width >= 960px, but it looks particularly bad at width >= 1500px).\r\n2. Scroll down a bit so that there is some page content behind the navbar.\r\n3. Open DevTools and set `--vp-c-bg: darkslategray;` on the `html` element.\r\n\r\nResult: the background color of the navbar and of the page content don't match.\r\n\r\n\r\n\n\n### Expected behavior\n\nThe background color of the navbar and of the page content should match.\r\n\r\n\r\n\r\nSo far I've worked around this issue with this CSS:\r\n\r\n```css\r\n/*\r\n * Fix hardcoded background color of the Nav component.\r\n * Needs to be a color that matches --vp-c-bg but with partial opacity (for the glass effect).\r\n */\r\n@media (min-width: 960px) {\r\n :root.dark .VPNav.no-sidebar,\r\n :root.dark .VPNavBar.has-sidebar .content {\r\n background-color: hsl(220 14% 13% / 0.7);\r\n }\r\n}\r\n```\r\n\r\nI haven't found a CSS fix where the opaque `--vp-c-bg` variable can be used directly. Using a pseudo-element to make a fake background doesn't seem to work, though maybe I’m missing a trick.\r\n\r\nMy suggestion is to introduce a CSS variable that is either generic or specific to the navbar, something like:\r\n\r\n```css\r\n:root {\r\n --vp-c-bg-a70: #ffffffb3;\r\n}\r\n.dark {\r\n --vp-c-bg-a70: #1a1a1ab3;\r\n}\r\n```\r\n\r\nor more specific to the navbar:\r\n\r\n```css\r\n:root {\r\n --vp-nav-glass-bg: #ffffffb3;\r\n}\r\n.dark {\r\n --vp-nav-glass-bg: #1a1a1ab3;\r\n}\r\n```\r\n\r\nThis second option might be used by people who want to opt out of the glass effect, by setting it to `--vp-nav-glass-bg: var(--vp-c-bg);` (though I have not confirmed that using an opaque color removes the perf issues described in #1049).\r\n\r\nIt might also be possible to compute a background color by defaulting to using `--vp-c-bg` first (opaque), then at runtime use `getComputedStyle(element).getPropertyValue('background-color')`, parse the result and add 0.7 opacity.\n\n### System Info\n\n```shell\n[Not relevant here. See the reproduction steps, which use the production Vitepress docs.]\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.",[2958],{"name":2868,"color":2869},1266,"VPNavBar has hardcoded background color, prevents theming","2023-01-21T14:20:30Z","https://github.com/vuejs/vitepress/issues/1266",0.7161765,["Reactive",2965],{},["Set"],["ShallowReactive",2968],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fU3Qg8SWWxri-XWjnCPIQRVwYa3w9t8jXVOm2weIyN3c":-1},"/vuejs/vitepress/522"]