```\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",[2879],{"name":2866,"color":2867},4273,"How to use default Vue components elsewhere","2024-12-03T17:27:39Z","https://github.com/vuejs/vitepress/issues/4273",0.75170606,{"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.\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.",[2888,2889],{"name":2866,"color":2867},{"name":2890,"color":2891},"perf","378A61",3509,"DOM is oversized","2025-03-02T18:09:47Z","https://github.com/vuejs/vitepress/issues/3509",0.75841576,{"description":2898,"labels":2899,"number":2901,"owner":2869,"repository":2870,"state":2871,"title":2902,"updated_at":2903,"url":2904,"score":2905},"### Describe the bug\n\nWhen using bun to start, modifying the content of the config.mts file will get stuck at restarting the service\n\n### Reproduction\n\n1. `bun run docs:dev`\r\n2. Visit any page\r\n3. Modify the `config.mts` file\r\n\r\n`10:59:39 AM [vitepress] .vitepress/config.mts changed, restarting server...`\n\n### Expected behavior\n\nNormal restart\n\n### System Info\n\n```Text\nSystem:\r\n OS: macOS 15.0.1\r\n CPU: (16) arm64 Apple M3 Max\r\n Memory: 2.68 GB / 64.00 GB\r\n Shell: 5.9 - /bin/zsh\r\nBinaries:\r\n bun: 1.1.33 - /private/tmp/bun-node-247456b67/bun\r\nBrowsers:\r\n Edge: 130.0.2849.56\r\n Safari: 18.0.1\r\nnpmPackages:\r\n vitepress: ^1.4.1 => 1.4.1\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.",[2900],{"name":2866,"color":2867},4313,"When using bun to start, modifying the content of the config.mts file will get stuck at restarting the service","2025-03-02T18:08:17Z","https://github.com/vuejs/vitepress/issues/4313",0.76082075,{"description":2907,"labels":2908,"number":2909,"owner":2869,"repository":2870,"state":2910,"title":2911,"updated_at":2912,"url":2913,"score":2914},"### Describe the bug\r\n\r\nPossible similar issues:\r\n- https://github.com/vuejs/vitepress/issues/4099\r\n- https://github.com/vuejs/vitepress/issues/4167\r\n- https://github.com/vuejs/vitepress/issues/3780\r\n\r\n---\r\n\r\nHydration mismatch occurs only when reloading a specific page in the production build.\r\nIt can be reproduced locally as well.\r\nIt doesn’t happen in the development build, nor when navigating through the sidebar.\r\n\r\nhttps://github.com/user-attachments/assets/2bb6387c-2d62-4dc2-96e4-ecd5bdf3491f\r\n\r\n### Reproduction\r\n\r\nThis repository (my product)\r\n\r\nhttps://github.com/ubugeeei/reading-vuejs-core-vapor\r\n\r\n```sh\r\ngit clone https://github.com/ubugeeei/reading-vuejs-core-vapor\r\ncd reading-vuejs-core-vapor\r\nni\r\nDEBUG='*' nr build\r\nDEBUG='*' nr preview\r\n```\r\n\r\n---\r\n\r\n※ During the initial build, a fetch to GitHub will run, so it may take a little time.\r\n(From the second time onward, the cache will be used)\r\n\r\nThe plugin implementation is here.\r\nhttps://github.com/ubugeeei/reading-vuejs-core-vapor/tree/9fa8c614c6047241dc2a6bdac39dca1815318d6a/.vitepress/plugins/markdown-it/github\r\n\r\n### Expected behavior\r\n\r\nHydration should complete normally and the screen should render correctly even after reloading.\r\n\r\n### System Info\r\n\r\n```Text\r\nSystem:\r\n OS: macOS 13.2.1\r\n CPU: (12) arm64 Apple M2 Max\r\n Memory: 43.41 GB / 96.00 GB\r\n Shell: 3.6.1 - /opt/homebrew/bin/fish\r\n Binaries:\r\n Node: 20.16.0 - ~/.volta/tools/image/node/20.16.0/bin/node\r\n Yarn: 1.22.22 - ~/.volta/tools/image/yarn/1.22.22/bin/yarn\r\n npm: 10.8.1 - ~/.volta/tools/image/node/20.16.0/bin/npm\r\n pnpm: 9.7.1 - ~/.volta/tools/image/pnpm/9.7.1/bin/pnpm\r\n bun: 1.1.27 - ~/.bun/bin/bun\r\n Browsers:\r\n Chrome: 129.0.6668.70\r\n Safari: 16.3\r\n npmPackages:\r\n vitepress: ^1.3.4 => 1.3.4\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.",[],4231,"closed","Hydration mismatch only occurs when reloading in the production build.","2024-10-05T04:43:33Z","https://github.com/vuejs/vitepress/issues/4231",0.6958404,{"description":2916,"labels":2917,"number":2921,"owner":2869,"repository":2870,"state":2910,"title":2922,"updated_at":2923,"url":2924,"score":2925},"Hello VitePress Team,\r\n\r\nI am encountering two issues with my VitePress project and seeking guidance.\r\n\r\n1. **Sidebar Title Formatting Not Effective**: \r\n I have been trying to customize the sidebar title formatting in my VitePress site, but it seems not to be working as expected. Despite using the recommended plugins, including `toc`, the sidebar either doesn't reflect the specified title formats or disappears completely. Attached is a screenshot of my current interface for reference:\r\n \r\n\r\n Here is the code snippet I am using (I've ensured all necessary libraries are installed):\r\n \r\n\r\n Could you please clarify if there's anything I am missing or doing incorrectly? Any guidance on how to properly format the sidebar titles would be greatly appreciated.\r\n\r\n2. **Navigation Placement on the Left**:\r\n I am trying to achieve a layout similar to VuePress where the navigation is on the left side. Although I have disabled the sidebar and set `aside: \"left\"`, the final layout seems to have excessive white space on the left. How should I configure it to get the desired layout? Here is a screenshot showing the current layout:\r\n \r\n\r\nThank you for your assistance. Looking forward to your suggestions and solutions.\r\n",[2918],{"name":2919,"color":2920},"question","5D5FAE",3422,"侧边栏配置","2024-01-16T00:04:37Z","https://github.com/vuejs/vitepress/issues/3422",0.71204805,{"description":2927,"labels":2928,"number":2932,"owner":2869,"repository":2870,"state":2910,"title":2933,"updated_at":2934,"url":2935,"score":2936},"### Is your feature request related to a problem? Please describe.\n\nFor my theme which extends the default theme, I want to have a contact page with a custom layout.\n\n### Describe the solution you'd like\n\n###### Users\r\n\r\n```markdown\r\n---\r\nlayout: contact\r\n---\r\n\r\n# Contact\r\n\r\ncontent\r\n```\r\n\r\n###### Devs\r\n\r\nEffectively add custom blocks here\r\n\r\nhttps://github.com/vuejs/vitepress/blob/c30e758585ef512eef68b33918832d4413839e9c/src/client/theme-default/components/VPContent.vue#L29-L52\r\n\r\nFor example\r\n\r\n```vue\r\n\u003CMyContact v-if=\"frontmatter.layout === 'contact'\">\r\n \u003C!-- define slots for this layout, if any -->\r\n\u003C/MyContact>\r\n```\r\n\r\n---\r\n\r\nThis needs a lot of consideration, but I might propose something like\r\n\r\n```typescript\r\nimport Contact from \"./components/MyContact.vue\";\r\n\r\nexport default \u003CTheme>{\r\n // ...\r\n customLayouts: {\r\n contact: Contact,\r\n },\r\n};\r\n```\r\n\r\nThen in VPContent,\r\n\r\n```vue\r\n\u003Ccomponent v-else-if=\"customLayouts[frontmatter.layout]\" :is=\"customLayouts[frontmatter.layout]\">\u003C/component>\r\n```\n\n### Describe alternatives you've considered\n\n- Override the VPContent component - very fragile coupling\r\n- Use the page layout with a custom frontmatter key under which additional layouts can be specified - cannot control `Content`, workaround hack\r\n\r\n###### Users\r\n\r\n```markdown\r\n---\r\nlayout: page\r\ntype: contact\r\n---\r\n\r\n# Contact\r\n\r\ncontent\r\n```\r\n\r\n###### Devs\r\n\r\n*MyLayout.vue*\r\n\r\n```vue\r\n\u003Ctemplate>\r\n \u003CLayout>\r\n \u003Ctemplate v-if=\"frontmatter.type === 'about'\" #page-top>\r\n about page top\r\n \u003C/template>\r\n \u003Ctemplate v-if=\"frontmatter.type === 'about'\" #page-bottom>\r\n about page bottom\r\n \u003C/template>\r\n\r\n \u003Ctemplate v-if=\"frontmatter.type === 'contact'\" #page-top>\r\n contact page top\r\n \u003C/template>\r\n \u003Ctemplate v-if=\"frontmatter.type === 'contact'\" #page-bottom>\r\n contact page bottom\r\n \u003C/template>\r\n \u003C/Layout>\r\n\u003C/template>\r\n```\r\n\r\n```\r\nAn element cannot have multiple '\u003Ctemplate>' elements which are distributed to the same slot.eslint[vue/valid-v-slot](https://eslint.vuejs.org/rules/valid-v-slot.html)\r\n```\r\n\r\nOR\r\n\r\n```vue\r\n\u003Ctemplate>\r\n \u003CLayout>\r\n \u003Ctemplate #page-top>\r\n \u003Ctemplate v-if=\"frontmatter.type === 'about'\">\r\n about page top\r\n \u003C/template>\r\n \u003Ctemplate v-if=\"frontmatter.type === 'contact'\">\r\n contact page top\r\n \u003C/template>\r\n \u003C/template>\r\n\r\n \u003Ctemplate #page-bottom>\r\n \u003Ctemplate v-if=\"frontmatter.type === 'about'\">\r\n about page bottom\r\n \u003C/template>\r\n \u003Ctemplate v-if=\"frontmatter.type === 'contact'\">\r\n contact page bottom\r\n \u003C/template>\r\n \u003C/template>\r\n \u003C/Layout>\r\n\u003C/template>\r\n```\r\n\r\n(Terrible maintainability)\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.",[2929],{"name":2930,"color":2931},"theme","0754FB",2547,"Provide a way for extending themes to add layouts","2023-08-14T00:04:21Z","https://github.com/vuejs/vitepress/issues/2547",0.73294115,{"description":2938,"labels":2939,"number":2941,"owner":2869,"repository":2870,"state":2910,"title":2942,"updated_at":2943,"url":2944,"score":2945},"### Is your feature request related to a problem? Please describe.\n\nNo\n\n### Describe the solution you'd like\n\nAdd Crowdin or Weblate support\n\n### Describe alternatives you've considered\n\nDocusaurus里官方有Crowdin的案例\r\nVitepress在做国际化的时候是否会加入Crowdin或者Weblate的案例?\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] 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.",[2940],{"name":2866,"color":2867},1243,"Crowdin or Weblate support?","2023-08-11T00:04:20Z","https://github.com/vuejs/vitepress/issues/1243",0.73455536,{"description":2947,"labels":2948,"number":2952,"owner":2869,"repository":2870,"state":2910,"title":2953,"updated_at":2954,"url":2955,"score":2956},"### Describe the bug\n\nhttps://github.com/vuejs/vitepress/blob/3eb4374af286362d7f4257b288fd2d5b9173dcba/src/client/theme-default/styles/vars.css#L177\r\n\r\nIncorrectly output as:\r\n```\r\n --vp-c-text-1: rgba(60, 60, 67);\r\n```\n\n### Reproduction\n\nThis can be found easily from the npm repo: https://www.npmjs.com/package/vitepress?activeTab=code\r\n\r\nThen go to `dist/client/theme-default/styles/vars.css`, line 177.\n\n### Expected behavior\n\nShould be\r\n```\r\n --vp-c-text-1: rgba(60, 60, 67, 1);\r\n```\n\n### System Info\n\n```Text\nNot relevant\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.",[2949],{"name":2950,"color":2951},"bug: pending triage","e99695",4439,"Variable \"--vp-c-text-1\" is incorrect in the bundle ouput","2024-12-29T04:43:46Z","https://github.com/vuejs/vitepress/issues/4439",0.7355942,{"description":2958,"labels":2959,"number":2963,"owner":2869,"repository":2870,"state":2910,"title":2964,"updated_at":2965,"url":2966,"score":2967},"### Describe the bug\r\n\r\nThe original md document:\r\n\r\n```\r\n hello \u003Cpicture>\r\n \u003Cimg src=\"https://github.com/markdown-it/markdown-it/assets/73653404/63aa836d-2541-40bb-a4be-aaf02495426d\"/>\r\n \u003C/picture>\r\n```\r\n\r\nAfter executing md.render it will be:\r\n```\r\n \u003Cp>hello \u003Cpicture>\u003C/p>\r\n \u003Cimg src=\"https://github.com/markdown-it/markdown-it/assets/73653404/63aa836d-2541-40bb-a4be-aaf02495426d\"/>\r\n \u003C/picture>\r\n```\r\n\r\n### Reproduction\r\n\r\nyou can try this markdown content:\r\n```\r\n hello \u003Cpicture>\r\n \u003Cimg src=\"https://github.com/markdown-it/markdown-it/assets/73653404/63aa836d-2541-40bb-a4be-aaf02495426d\"/>\r\n \u003C/picture>\r\n```\r\n### Expected behavior\r\n\r\nI hope after executing md.render it should be:\r\n```\r\n \u003Cp>hello\u003C/p>\u003Cpicture>\r\n \u003Cimg src=\"https://github.com/markdown-it/markdown-it/assets/73653404/63aa836d-2541-40bb-a4be-aaf02495426d\"/>\r\n \u003C/picture>\r\n```\r\n\r\n### System Info\r\n\r\n\r\n\u003Cimg width=\"1045\" alt=\"image\" src=\"https://github.com/markdown-it/markdown-it/assets/73653404/63aa836d-2541-40bb-a4be-aaf02495426d\">\r\n\r\n\r\n\r\n### Additional context\r\n\r\nThis seems to be caused by using some mdit plugin, because I tried it [here](https://markdown-it.github.io/#md3=%7B%22source%22%3A%22%20%20%20hello%20%3Cpicture%3E%5Cn%20%20%20%20%20%3Csource%20type%3D%5C%22image%2Favif%5C%22%20srcset%3D%5C%22https%3A%2F%2Fpicbed-1306720359.cos.ap-guangzhou.myqcloud.com%2Fupic%2F2024-02-07-17-37-OUE54Z.webp%3FimageMogr2%2Fformat%2Favif%5C%22%3E%5Cn%20%20%20%20%20%3Cimg%20src%3D%5C%22https%3A%2F%2Fpicbed-1306720359.cos.ap-guangzhou.myqcloud.com%2Fupic%2F2024-02-07-17-37-OUE54Z.webp%5C%22%20alt%3D%5C%22https%3A%2F%2Fpicbed-1306720359.cos.ap-guangzhou.myqcloud.com%2Fupic%2F2024-02-07-17-37-OUE54Z.webp%5C%22%20loading%3D%5C%22lazy%5C%22%2F%3E%5Cn%20%20%20%3C%2Fpicture%3E%22%2C%22defaults%22%3A%7B%22html%22%3Atrue%2C%22xhtmlOut%22%3Afalse%2C%22breaks%22%3Afalse%2C%22langPrefix%22%3A%22language-%22%2C%22linkify%22%3Atrue%2C%22typographer%22%3Atrue%2C%22_highlight%22%3Atrue%2C%22_strict%22%3Afalse%2C%22_view%22%3A%22src%22%7D%7D) and it converted correctly\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.",[2960],{"name":2961,"color":2962},"need more info","bdbefc",3632,"inline html transform error","2024-04-28T12:27:40Z","https://github.com/vuejs/vitepress/issues/3632",0.7359786,["Reactive",2969],{},["Set"],["ShallowReactive",2972],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fIabQRNtwkI_fekEQeTIKQsS0xyu1z23Di_uV2zqAi-g":-1},"/vuejs/vitepress/2196"]