```\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",[2905],{"name":2871,"color":2872},4273,"How to use default Vue components elsewhere","2024-12-03T17:27:39Z","https://github.com/vuejs/vitepress/issues/4273",0.74670863,{"description":2912,"labels":2913,"number":2918,"owner":2874,"repository":2875,"state":2876,"title":2919,"updated_at":2920,"url":2921,"score":2922},"### 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.",[2914,2917],{"name":2915,"color":2916},"build","377ba8",{"name":2871,"color":2872},3511,"Bug: cannot properly slugify badge with children","2025-03-02T18:09:46Z","https://github.com/vuejs/vitepress/issues/3511",0.7568374,{"description":2924,"labels":2925,"number":2929,"owner":2874,"repository":2875,"state":2930,"title":2931,"updated_at":2932,"url":2933,"score":2934},"### 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.",[2926],{"name":2927,"color":2928},"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":2936,"labels":2937,"number":2938,"owner":2874,"repository":2875,"state":2930,"title":2939,"updated_at":2940,"url":2941,"score":2942},"\r\n不知道是否是我手机的问题,英文字体太细了",[],4118,"手机端英文显示效果似乎不佳","2024-08-17T04:42:11Z","https://github.com/vuejs/vitepress/issues/4118",0.7182086,{"description":2944,"labels":2945,"number":2946,"owner":2874,"repository":2875,"state":2930,"title":2947,"updated_at":2948,"url":2949,"score":2950},"### 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":2952,"labels":2953,"number":2960,"owner":2874,"repository":2875,"state":2930,"title":2961,"updated_at":2962,"url":2963,"score":2964},"### 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.",[2954,2957],{"name":2955,"color":2956},"docs","0075ca",{"name":2958,"color":2959},"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":2966,"labels":2967,"number":2969,"owner":2874,"repository":2875,"state":2930,"title":2970,"updated_at":2971,"url":2972,"score":2973},"### 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.",[2968],{"name":2871,"color":2872},3278,"Support GitHub-style Alert?","2024-01-29T00:04:26Z","https://github.com/vuejs/vitepress/issues/3278",0.7280289,["Reactive",2975],{},["Set"],["ShallowReactive",2978],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fWeH5Lbviqlyfa4ED3Xjlzfq4M0-ilS6RWX77teWgxNs":-1},"/vuejs/vitepress/3234"]