```\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",[3058],{"name":3024,"color":3025},4273,"How to use default Vue components elsewhere","2024-12-03T17:27:39Z","https://github.com/vuejs/vitepress/issues/4273",0.74670863,{"description":3065,"labels":3066,"number":3071,"owner":3027,"repository":3028,"state":3029,"title":3072,"updated_at":3073,"url":3074,"score":3075},"### Describe the bug\r\n\r\n```md\r\n## Powered by Vite \u003CBadge>HERE\u003C/Badge>\r\n```\r\n\r\nThis header\r\n\r\n1. is not properly slugified (expected `powered-by-vite`, actual `powered-by-vite-here`),\r\n2. and cannot be configurated to be properly slugified.\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/vite-hnczhc\r\n\r\nor the official doc: https://vitepress.dev/reference/default-theme-badge#title-custom-element ← see this anchor\r\n\r\n### Expected behavior\r\n\r\n1. The header should be slugified without badge children (if I use props instead, it is slugified as expected, but I cannot do so).\r\n2. I use the following config to make it look better:\r\n\r\n```ts\r\n markdown: {\r\n anchor: {\r\n slugify: (str) => slugify(str.replace(/ *\u003Cbadge.+/i, '')),\r\n },\r\n },\r\n```\r\n\r\nIt is working alright in the past, but not working for now. Actually the `str` received is `Powered by Vite HERE`, without tag information.\r\n\r\nI believe this is a regression from vitepress or mdit-vue.\r\n\r\n\r\n### System Info\r\n\r\n```Text\r\nN/A\r\n```\r\n\r\n\r\n### Additional context\r\n\r\n**Why don't you use props instead of children?**\r\n\r\nBecause this is an i18n doc site. The children can be translated via Crowdin, but props cannot.\r\n\r\nWith such inconsistencies, at least I don't think the designers of the badge component fully considered the i18n experience. Vitepress is an excellent project and I hope it gets better.\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.",[3067,3070],{"name":3068,"color":3069},"build","377ba8",{"name":3024,"color":3025},3511,"Bug: cannot properly slugify badge with children","2025-03-02T18:09:46Z","https://github.com/vuejs/vitepress/issues/3511",0.7568374,{"description":3077,"labels":3078,"number":3082,"owner":3027,"repository":3028,"state":3083,"title":3084,"updated_at":3085,"url":3086,"score":3087},"### Describe the bug\n\nWhen the vertical scroll bar appears in some long content pages, the page width changes, which results in a bad user experience.\r\n\r\nMaybe add placeholder space for the scrollbar?\r\n\r\n\r\nhttps://github.com/user-attachments/assets/e43a537c-6e7c-4880-99bb-5c8ac7d39f2e\r\n\r\n\n\n### Reproduction\n\nhttps://vitepress.dev/reference/default-theme-carbon-ads\r\n\r\ncompare to \r\n\r\nhttps://vitepress.dev/reference/default-theme-search\r\n\n\n### Expected behavior\n\nthe content width don't be changed, which means the toc's and nav bar's position will not change.\n\n### System Info\n\n```Text\nall\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.",[3079],{"name":3080,"color":3081},"bug: pending triage","e99695",4215,"closed","The page width be changed when y scrollbar appears cause bad ux","2024-09-27T04:43:38Z","https://github.com/vuejs/vitepress/issues/4215",0.7011713,{"description":3089,"labels":3090,"number":3091,"owner":3027,"repository":3028,"state":3083,"title":3092,"updated_at":3093,"url":3094,"score":3095},"\r\n不知道是否是我手机的问题,英文字体太细了",[],4118,"手机端英文显示效果似乎不佳","2024-08-17T04:42:11Z","https://github.com/vuejs/vitepress/issues/4118",0.7182086,{"description":3097,"labels":3098,"number":3099,"owner":3027,"repository":3028,"state":3083,"title":3100,"updated_at":3101,"url":3102,"score":3103},"### 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,"Hydration mismatch only occurs when reloading in the production build.","2024-10-05T04:43:33Z","https://github.com/vuejs/vitepress/issues/4231",0.72524947,{"description":3105,"labels":3106,"number":3113,"owner":3027,"repository":3028,"state":3083,"title":3114,"updated_at":3115,"url":3116,"score":3117},"### Describe the bug\r\n\r\nDocs navigation is inconsistent.\r\nWhile reading **Guide**, you land at https://vitepress.dev/guide/what-is-vitepress.\r\nOpening https://vitepress.dev/guide brings to error 404 page.\r\n\r\n\r\n### Reproduction\r\n\r\n1. Browse: homepage\r\n2. Click link: Guide\r\n3. See: What is vitepress\r\n4. Edit url: \"/guide/what-is-vitepress\" to \"/guide\"\r\n5. See: Error 404\r\n\r\n### Expected behavior\r\n\r\nParent container routing page should be a container of chapters\r\n\r\n- Introduction\r\n- Writing\r\n- Customization\r\n- Experimental\r\n\r\nEach chapter should have an excerpt of the content, its page links either.\r\n\r\nIf \"it's too much\", `/guide` should simply redirect to default landing page `/guide/what-is-vitepress`\r\n\r\n### System Info\r\n\r\n```Text\r\nNot a software bug, docs navigation related.\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.",[3107,3110],{"name":3108,"color":3109},"docs","0075ca",{"name":3111,"color":3112},"has-workaround","1B4515",4233,"Docs: /guide path is missing (error 404)","2024-10-20T04:43:29Z","https://github.com/vuejs/vitepress/issues/4233",0.72698116,{"description":3119,"labels":3120,"number":3122,"owner":3027,"repository":3028,"state":3083,"title":3123,"updated_at":3124,"url":3125,"score":3126},"### Is your feature request related to a problem? Please describe.\n\nGitHub introduced a syntax to have alerts: https://github.com/orgs/community/discussions/16925\r\n\r\nBasically, it's:\r\n\r\n```\r\n> [!NOTE] \r\n> Highlights information that users should take into account, even when skimming.\r\n\r\n> [!TIP]\r\n> Optional information to help a user be more successful.\r\n\r\n> [!IMPORTANT] \r\n> Crucial information necessary for users to succeed.\r\n\r\n> [!WARNING] \r\n> Critical content demanding immediate user attention due to potential risks.\r\n\r\n> [!CAUTION]\r\n> Negative potential consequences of an action.\r\n```\r\n\r\n> [!NOTE] \r\n> Highlights information that users should take into account, even when skimming.\r\n\r\n> [!TIP]\r\n> Optional information to help a user be more successful.\r\n\r\n> [!IMPORTANT] \r\n> Crucial information necessary for users to succeed.\r\n\r\n> [!WARNING] \r\n> Critical content demanding immediate user attention due to potential risks.\r\n\r\n> [!CAUTION]\r\n> Negative potential consequences of an action.\n\n### Describe the solution you'd like\n\nI think it would be nice for VitePress to support that built-in. So markdown files authored that way can have a closer experience when reading on GitHub.\r\n\r\nI wrote a markdown-it plugin for that: https://github.com/antfu/markdown-it-github-alerts that VitePress might be able to use directly. (and also a short intro and preview on my site: https://antfu.me/posts/github-alerts)\r\n\r\nI guess we don't need to align exactly the same as GitHub's styling. We could just render our existing alerts.\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.",[3121],{"name":3024,"color":3025},3278,"Support GitHub-style Alert?","2024-01-29T00:04:26Z","https://github.com/vuejs/vitepress/issues/3278",0.7280289,["Reactive",3128],{},["Set"],["ShallowReactive",3131],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fWeH5Lbviqlyfa4ED3Xjlzfq4M0-ilS6RWX77teWgxNs":-1},"/vuejs/vitepress/3234"]