```\r\n\r\nIt doesn't seem to be correct:\r\n\r\n\r\n\r\nHow to make it look correct, just like on the homepage?:\r\n\r\n\r\n\r\n",[2865],{"name":2866,"color":2867},"stale","ededed",4273,"vuejs","vitepress","open","How to use default Vue components elsewhere","2024-12-03T17:27:39Z","https://github.com/vuejs/vitepress/issues/4273",0.7052169,{"description":2877,"labels":2878,"number":2880,"owner":2869,"repository":2870,"state":2871,"title":2881,"updated_at":2882,"url":2883,"score":2884},"### Is your feature request related to a problem? Please describe.\n\nI'd like to wrap code/fence blocks in vue components without button and language span.\r\nCurrently vitepress forces wrapping with this:\r\nhttps://github.com/vuejs/vitepress/blob/9b1bb4ffc6423ef0f16a213133980fdb6e9bf552/src/node/markdown/markdown.ts#L223\r\n\n\n### Describe the solution you'd like\n\nOffer some options for disabling preWrapperPlugin, or overriding it.\n\n### Describe alternatives you've considered\n\n_No response_\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.dev).\n- [X] Read the [Contributing Guidelines](https://github.com/vuejs/vitepress/blob/main/.github/contributing.md).\n- [X] Check that there isn't already an issue that asks for the same feature to avoid creating a duplicate.",[2879],{"name":2866,"color":2867},4039,"Optionally disable or override preWrapper for fence blocks","2025-03-02T18:09:00Z","https://github.com/vuejs/vitepress/issues/4039",0.7176949,{"description":2886,"labels":2887,"number":2892,"owner":2869,"repository":2870,"state":2871,"title":2893,"updated_at":2894,"url":2895,"score":2896},"### Is your feature request related to a problem? Please describe.\r\n\r\n在某些页面中我希望在导航栏下放一张图片,图片宽度是页面宽度的百分之百,放在layout为doc和home的markdown文件中,margin、padding会受到影响\r\n\r\n### Describe the solution you'd like\r\n\r\n默认主题增加nav-bar-after的slot\r\n```\r\n\u003CVPNav v-if=\"frontmatter.navbar !== false\">\r\n \u003Ctemplate #nav-bar-title-before>\u003Cslot name=\"nav-bar-title-before\" />\u003C/template>\r\n \u003Ctemplate #nav-bar-title-after>\u003Cslot name=\"nav-bar-title-after\" />\u003C/template>\r\n \u003Ctemplate #nav-bar-content-before>\u003Cslot name=\"nav-bar-content-before\" />\u003C/template>\r\n \u003Ctemplate #nav-bar-content-after>\u003Cslot name=\"nav-bar-content-after\" />\u003C/template>\r\n \u003Ctemplate #nav-screen-content-before>\u003Cslot name=\"nav-screen-content-before\" />\u003C/template>\r\n \u003Ctemplate #nav-screen-content-after>\u003Cslot name=\"nav-screen-content-after\" />\u003C/template>\r\n\u003C/VPNav>\r\n\u003Cslot name=\"nav-bar-after\" />\r\n\u003CVPLocalNav :open=\"isSidebarOpen\" @open-menu=\"openSidebar\" />\r\n```\r\n\r\n### Describe alternatives you've considered\r\n\r\n在markdown文件中加入图片元素,在js中改变图片元素到id和class为VPContent的元素之前或内部的第一个子元素\r\n```\r\n---\r\nlayout: doc\r\ntitle: xxx\r\ncover: '/xxx.jpg'\r\n---\r\n\r\n\u003Cscript setup>\r\nimport { useData } from 'vitepress'\r\nimport { onMounted, onUnmounted } from 'vue'\r\nconst data = useData()\r\nlet vContentPaddingTop = ''\r\nonMounted(() => {\r\n const img = document.getElementById('cover')\r\n const vContent = document.getElementById('VPContent')\r\n vContentPaddingTop = vContent.style.paddingTop\r\n vContent.style.paddingTop = '0px'\r\n img.firstChild.setAttribute('src', data.frontmatter.value.cover)\r\n img.firstChild.style.objectFit = 'cover'\r\n img.firstChild.style.objectPosition = '50% 60%'\r\n img.style.display = 'block'\r\n vContent.insertBefore(img, vContent.firstChild)\r\n})\r\nonUnmounted(() => {\r\n const img = document.getElementById('cover')\r\n const vContent = document.getElementById('VPContent')\r\n vContent.style.paddingTop = vContentPaddingTop\r\n img.style.display = 'none'\r\n})\r\n\u003C/script>\r\n\r\n\u003Cdiv class=\"cover\" id=\"cover\">\u003Cimg :src=\"$frontmatter.cover\" />\u003C/div>\r\n```\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.",[2888,2891],{"name":2889,"color":2890},"theme","0754FB",{"name":2866,"color":2867},2706,"默认主题增加nav-bar-after的slot","2025-03-02T18:11:10Z","https://github.com/vuejs/vitepress/issues/2706",0.7181226,{"description":2898,"labels":2899,"number":2904,"owner":2869,"repository":2870,"state":2871,"title":2905,"updated_at":2906,"url":2907,"score":2908},"### Is your feature request related to a problem? Please describe.\n\nDue to my markdown file is particularly large, resulting in packaged js file and the corresponding html file size are close to 3M b, which in turn leads to the browser first screen rendering DOM size is too large.\n\n### Describe the solution you'd like\n\nIs it possible to reduce the size of the first screen html and lazy load the rest of the dom?\r\n\n\n### Describe alternatives you've considered\n\n_No response_\n\n### Additional context\n\n\u003Cimg width=\"368\" alt=\"image\" src=\"https://github.com/vuejs/vitepress/assets/73653404/afe26e27-6e7a-489d-983a-42a6acbfff8e\">\r\n\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [X] Read the [docs](https://vitepress.dev).\n- [X] Read the [Contributing Guidelines](https://github.com/vuejs/vitepress/blob/main/.github/contributing.md).\n- [X] Check that there isn't already an issue that asks for the same feature to avoid creating a duplicate.",[2900,2901],{"name":2866,"color":2867},{"name":2902,"color":2903},"perf","378A61",3509,"DOM is oversized","2025-03-02T18:09:47Z","https://github.com/vuejs/vitepress/issues/3509",0.72053504,{"description":2910,"labels":2911,"number":2916,"owner":2869,"repository":2870,"state":2871,"title":2917,"updated_at":2918,"url":2919,"score":2920},"### Is your feature request related to a problem? Please describe.\n\nIn the monorepo development mode, sometimes the rendering in docs depends on the code in another repository, so when the code in another repository changes, it is expected to trigger a hot reload of docs\n\n### Describe the solution you'd like\n\nSupport configuration to watch specified folders to trigger hot reload\n\n### Describe alternatives you've considered\n\n_No response_\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.dev).\n- [X] Read the [Contributing Guidelines](https://github.com/vuejs/vitepress/blob/main/.github/contributing.md).\n- [X] Check that there isn't already an issue that asks for the same feature to avoid creating a duplicate.",[2912,2915],{"name":2913,"color":2914},"need more info","bdbefc",{"name":2866,"color":2867},4221,"Support hot reload by watching files not under docs","2024-12-03T17:27:50Z","https://github.com/vuejs/vitepress/issues/4221",0.7310238,{"description":2922,"labels":2923,"number":2928,"owner":2869,"repository":2870,"state":2871,"title":2929,"updated_at":2930,"url":2931,"score":2932},"### Describe the bug\n\nUsing the default theme, dead links in the home page frontmatter are not reported.\r\n\r\n```md\r\n---\r\nlayout: home\r\n\r\ntitle: Home\r\n\r\nhero:\r\n name: Welcome\r\n actions:\r\n - theme: brand\r\n text: Get Started\r\n link: /some-dead-link.md\r\n\r\nfeatures:\r\n - icon: 📝\r\n title: Test\r\n link: /some-dead-link.md\r\n---\r\n\r\n```\n\n### Reproduction\n\nhttps://stackblitz.com/edit/vite-rovscc?file=docs%2Findex.md\n\n### Expected behavior\n\nErrors about dead links would be reported\n\n### System Info\n\n```Text\nSystem:\r\n OS: Linux 6.5 Fedora Linux 38 (Workstation Edition)\r\n CPU: (24) x64 AMD Ryzen 9 3900XT 12-Core Processor\r\n Memory: 40.55 GB / 62.69 GB\r\n Container: Yes\r\n Shell: 5.2.15 - /bin/bash\r\n Binaries:\r\n Node: 20.6.1 - ~/.local/share/pnpm/node\r\n Yarn: 1.22.19 - ~/.nvm/versions/node/v16.18.1/bin/yarn\r\n npm: 9.8.1 - ~/.local/share/pnpm/npm\r\n pnpm: 8.8.0 - ~/.local/share/pnpm/pnpm\r\n Watchman: 0.0.0 - /usr/bin/watchman\r\n Browsers:\r\n Chrome: 117.0.5938.132\r\n npmPackages:\r\n vitepress: ^1.0.0-rc.14 => 1.0.0-rc.14\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.",[2924,2927],{"name":2925,"color":2926},"build","377ba8",{"name":2866,"color":2867},3039,"Dead links in frontmatter not reported","2025-03-02T18:10:39Z","https://github.com/vuejs/vitepress/issues/3039",0.73675185,{"description":2934,"labels":2935,"number":2938,"owner":2869,"repository":2870,"state":2871,"title":2939,"updated_at":2940,"url":2941,"score":2942},"### Is your feature request related to a problem? Please describe.\n\nI would like to have option to set separator/delimiter between nav links, the same that is created between nav links, theme selectorr, social links, etc.\n\n### Describe the solution you'd like\n\nIt could be smth like this:\r\n\r\n```js\r\n nav: [\r\n { text: 'Guide', link: '/guide' },\r\n { text: 'Config', link: '/config' },\r\n { type: 'separator' },\r\n { text: 'Something', link: '/something' },\r\n ]\r\n ```\n\n### Describe alternatives you've considered\n\n_No response_\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.dev).\n- [X] Read the [Contributing Guidelines](https://github.com/vuejs/vitepress/blob/main/.github/contributing.md).\n- [X] Check that there isn't already an issue that asks for the same feature to avoid creating a duplicate.",[2936,2937],{"name":2889,"color":2890},{"name":2866,"color":2867},3407,"Add separator/delimiter between nav links","2025-03-02T18:09:58Z","https://github.com/vuejs/vitepress/issues/3407",0.73808163,{"description":2944,"labels":2945,"number":2949,"owner":2869,"repository":2870,"state":2950,"title":2951,"updated_at":2952,"url":2953,"score":2954},"### Describe the bug\n\nI installed Vitepress, built then ran it locally following the documentation of Vercel and everything seemed fine. But when I deployed it to my personal Vercel, my site keeps loading the 404.html. When I visit the Output of Vercel, I couldn't find any index.html and only 404.html. \r\n\r\nHere is currently [the blog of mine](https://vitepress-doc-kappa.vercel.app/) that I deployed to Vercel.\r\n\r\nThis is my current source on Vercel:\r\n\r\n\r\nThis is my current output on Vercel:\r\n\r\n\r\n\n\n### Reproduction\n\nNot sure if this is the correct way to reproduce, but I'll list down the commands that I ran, from install command to deploy:\r\n\r\n```bash\r\nnpm add -D vitepress\r\nnpx vitepress init ./\r\nnpm run docs:build\r\nnpm run docs:preview\r\nvercel --prod\r\n```\n\n### Expected behavior\n\nPage should load index.html when visiting `/`.\n\n### System Info\n\n```Text\nSystem:\r\n OS: Windows 10 10.0.19043\r\n CPU: (4) x64 Intel(R) Pentium(R) CPU G4560 @ 3.50GHz\r\n Memory: 2.27 GB / 7.96 GB\r\n Binaries:\r\n Node: 20.0.0 - C:\\Program Files\\nodejs\\node.EXE\r\n npm: 9.6.4 - C:\\Program Files\\nodejs\\npm.CMD\r\n Browsers:\r\n Edge: Spartan (44.19041.1266.0), Chromium (120.0.2210.133)\r\n Internet Explorer: 11.0.19041.1566\r\n npmPackages:\r\n vitepress: ^1.0.0-rc.39 => 1.0.0-rc.39\n```\n\n\n### Additional context\n\nI use a fresh setup of Vitepress and deploy to a Vercel setting using Node v20.x (which as mentioned on Vercel that is still in Beta). However I did try Node v18.x on Vercel and the error is the same. \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.",[2946],{"name":2947,"color":2948},"bug: pending triage","e99695",3460,"closed","Site auto loads 404.html after deployed to Vercel","2024-01-24T00:04:46Z","https://github.com/vuejs/vitepress/issues/3460",0.66844195,{"description":2956,"labels":2957,"number":2961,"owner":2869,"repository":2870,"state":2950,"title":2962,"updated_at":2963,"url":2964,"score":2965},"### Is your feature request related to a problem? Please describe.\r\n\r\nConveniently use content-adaptive layout in components on the home page\r\n\r\n### Describe the solution you'd like\r\n\r\n`.vitepress/theme/index.ts`:\r\n```ts\r\nimport HomePage from './component/HomePage'\r\n\r\nexport default {\r\n Layout: () => {\r\n return h(Theme.Layout, null, {\r\n 'home-features-after': () => h(HomePage),\r\n })\r\n },\r\n```\r\n\r\n---\r\n\r\n`HomePage.vue`:\r\n\r\n```html\r\n\u003Cscript setup lang=\"ts\">\r\nimport{ VPHomeContent } from 'vitepress/theme'\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n\t\u003CVPHomeContent>\r\n\t\t\u003C!-- my custom content -->\r\n\t\u003C/VPHomeContent>\r\n\u003C/template>\r\n```\r\n\r\n### Describe alternatives you've considered\r\n\r\n_No response_\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.",[2958],{"name":2959,"color":2960},"contribution welcome","11E4B8",3954,"[New feature] export `VPHomeContent` to provide content-adaptive layout","2024-06-22T04:41:46Z","https://github.com/vuejs/vitepress/issues/3954",0.69606274,{"description":2967,"labels":2968,"number":2969,"owner":2869,"repository":2870,"state":2950,"title":2970,"updated_at":2971,"url":2972,"score":2973},"### Describe the bug\r\n\r\n\r\n\r\n\r\n### Reproduction\r\n\r\n直接打开控制台修改官方sidebar里的文字,插入\u003CT>即可复现\r\n\r\n### Expected behavior\r\n\r\n文字对齐\r\n\r\n### System Info\r\n\r\n```Text\r\nSystem:\r\n OS: macOS 14.4.1\r\n CPU: (8) arm64 Apple M2\r\n Memory: 141.77 MB / 16.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 18.14.0 - ~/.nvm/versions/node/v18.14.0/bin/node\r\n Yarn: 1.18.0 - ~/.nvm/versions/node/v18.14.0/bin/yarn\r\n npm: 9.3.1 - ~/.nvm/versions/node/v18.14.0/bin/npm\r\n pnpm: 8.15.4 - ~/Library/pnpm/pnpm\r\n Browsers:\r\n Chrome: 131.0.6778.86\r\n Safari: 17.4.1\r\n npmPackages:\r\n vitepress: ^1.5.0 => 1.5.0\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.",[],4399,"导航中插入的\u003CT>,两个尖括号没有对齐","2024-12-10T04:44:48Z","https://github.com/vuejs/vitepress/issues/4399",0.6970973,["Reactive",2975],{},["Set"],["ShallowReactive",2978],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fbAN6hpzR_Mnizjqzn7ABnagwICJGu3CGD13qD_bC0HI":-1},"/vuejs/vitepress/4091"]