\r\n title: Feature A\r\n details: Lorem ipsum dolor sit amet, consectetur adipiscing elit\r\n```\r\n\r\nCheck the feature icon type\r\n```ts\r\ntype FeatureIcon =\r\n | string\r\n | { src: string; alt?: string; width?: string; height: string }\r\n | {\r\n light: string\r\n dark: string\r\n alt?: string\r\n width?: string\r\n height: string\r\n }\r\n```\r\n\r\nI refer to the render logic, use `v-html` render the icon.\r\nDisplay well in `dev` environment, but shows errors in `prod` environment.\r\n\r\n| dev | build |\r\n| ----------- | ----------- |\r\n|  |  |\r\n\r\n\r\n\r\n\r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/github/zyyv/vitepress-unocss-issue\r\n\r\n- Display right run `pnpm dev`\r\n- Display error run `pnpm build && pnpm preview`\r\n\r\n### Expected behavior\r\n\r\nDev and build behave the same\r\n\r\n### System Info\r\n\r\n```Text\r\nlatest\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.",[2865,2868,2871],{"name":2866,"color":2867},"build","377ba8",{"name":2869,"color":2870},"has-workaround","1B4515",{"name":2872,"color":2873},"stale","ededed",4045,"vuejs","vitepress","open","SSR in dev for more consistent output in dev and prod","2025-03-02T18:08:58Z","https://github.com/vuejs/vitepress/issues/4045",0.7517669,{"description":2883,"labels":2884,"number":2888,"owner":2875,"repository":2876,"state":2877,"title":2889,"updated_at":2890,"url":2891,"score":2892},"### Describe the bug\n\nWhen the Badge component is used in a table, if there is too much text content, the Badge will wrap, destroying the overall style layout of the table. \n\n\u003Cimg width=\"707\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/338571df-b823-4b85-810e-1fbfdee3f8b4\" />\n\n### Reproduction\n\nnone\n\n### Expected behavior\n\nThe text inside the Badge component should not wrap and should remain on the same line to avoid disrupting the table layout.\n\n### System Info\n\n```Text\nnone\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.",[2885],{"name":2886,"color":2887},"bug: pending triage","e99695",4764,"Badge component unexpectedly breaks line in tables with long text","2025-05-27T08:28:39Z","https://github.com/vuejs/vitepress/issues/4764",0.75499874,{"description":2894,"labels":2895,"number":2897,"owner":2875,"repository":2876,"state":2898,"title":2899,"updated_at":2900,"url":2901,"score":2902},"### Describe the bug\n\nexternalLinkIcon as true doesn't add the icon.\n\n### Reproduction\n\nhttps://stackblitz.com/edit/vite-ysfhai?file=docs%2F.vitepress%2Fconfig.ts\n\n### Expected behavior\n\nicon should be shown\n\n### System Info\n\n```Text\nSystem:\r\n OS: Windows 11 10.0.22621\r\n CPU: (4) x64 Intel(R) Core(TM) i5 CPU M 520 @ 2.40GHz\r\n Memory: 2.15 GB / 7.93 GB\r\n Binaries:\r\n Node: 20.10.0 - C:\\Program Files\\nodejs\\node.EXE\r\n npm: 10.2.3 - C:\\Program Files\\nodejs\\npm.CMD\r\n Browsers:\r\n Edge: Chromium (120.0.2210.121)\r\n Internet Explorer: 11.0.22621.1\r\n npmPackages:\r\n vitepress: ^1.0.0-rc.35 => 1.0.0-rc.35\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.",[2896],{"name":2886,"color":2887},3424,"closed","externalLinkIcon isn't working","2024-01-16T00:04:36Z","https://github.com/vuejs/vitepress/issues/3424",0.7096607,{"description":2904,"labels":2905,"number":2907,"owner":2875,"repository":2876,"state":2898,"title":2908,"updated_at":2909,"url":2910,"score":2911},"**Describe the bug**\r\n[when creating your own theme.](https://vitepress.vuejs.org/guide/global-component.html#content) here is local.\r\n\r\n**To Reproduce**\r\nModify the document link instead of local.\r\n\r\n**Expected behavior**\r\n\r\nCorrect the document because it is not displayed.\r\n",[2906],{"name":2886,"color":2887},270,"Wrong document link","2023-01-21T16:22:27Z","https://github.com/vuejs/vitepress/issues/270",0.71359974,{"description":2913,"labels":2914,"number":2915,"owner":2875,"repository":2876,"state":2898,"title":2916,"updated_at":2917,"url":2918,"score":2919},"### Is your feature request related to a problem? Please describe.\r\n\r\nI would like to include some external links in a navbar, but they don't look like they are external, so it might be confusing:\r\n\r\n\r\n\r\n\r\n### Describe the solution you'd like\r\n\r\nIt would be nice to include the external link icon when the link isn't a reference to the page, just like in a sidebar:\r\n\r\n\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.vuejs.org).\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.",[],1948,"Show external link icons in navbar","2023-03-05T00:04:52Z","https://github.com/vuejs/vitepress/issues/1948",0.71805304,{"description":2921,"labels":2922,"number":2924,"owner":2875,"repository":2876,"state":2898,"title":2925,"updated_at":2926,"url":2927,"score":2928},"### Describe the bug\r\n\r\n```md\r\n```js\r\n// [!code ++:4]\r\nconsole.log(1);\r\nconsole.log(1);\r\n\r\nconsole.log(1);\r\n\\```\r\n```\r\n\r\nRenders this following example:\r\n\r\n\r\n\r\nThis is due because a `\u003Cspan class=\"line diff add\">\u003C/span>` (line 3) is created without any content, if we change it to `\u003Cspan class=\"line diff add\"> \u003C/span>`, it now renders correctly.\r\n\r\n\r\n\r\nNot sure if a blank space is the best fix. \r\n\r\nAlso, should a line only containing `// [!code ++:4]` be highlighted as well? \r\n\r\n### Reproduction\r\n\r\nabove\r\n\r\n### Expected behavior\r\n\r\nto work normally\r\n\r\n### System Info\r\n\r\n```Text\r\nSystem:\r\n OS: Linux 5.15 Ubuntu 22.04.3 LTS 22.04.3 LTS (Jammy Jellyfish)\r\n CPU: (20) x64 13th Gen Intel(R) Core(TM) i5-13600K\r\n Memory: 16.53 GB / 23.47 GB\r\n Container: Yes\r\n Shell: 5.8.1 - /usr/bin/zsh\r\n Binaries:\r\n Node: 20.9.0 - ~/.nvm/versions/node/v20.9.0/bin/node\r\n npm: 10.2.1 - ~/.nvm/versions/node/v20.9.0/bin/npm\r\n pnpm: 8.10.5 - ~/.nvm/versions/node/v20.9.0/bin/pnpm\r\n bun: 1.0.7 - ~/.bun/bin/bun\r\n npmPackages:\r\n vitepress: 1.0.0-rc.31 => 1.0.0-rc.31\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.",[2923],{"name":2866,"color":2867},3305,"Colored Diffs in empty lines breaks + symbol","2024-01-08T00:04:50Z","https://github.com/vuejs/vitepress/issues/3305",0.7255839,{"description":2930,"labels":2931,"number":2932,"owner":2875,"repository":2876,"state":2898,"title":2933,"updated_at":2934,"url":2935,"score":2936},"### Describe the bug\n\ncontent 部分没有 overflow:hidden 导致很长的滚动条(也有可能是我的图片太大?)\r\n\r\n[github here](https://github.com/Mt-Youya/DeepLearning-500-questions)\r\n\r\n[site here](https://deeplearning-500-questions.pages.dev/zh-cn/ch02_%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0%E5%9F%BA%E7%A1%80/%E7%AC%AC%E4%BA%8C%E7%AB%A0_%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0%E5%9F%BA%E7%A1%80.html)\n\n### Reproduction\n\n我fork 别人的仓库,不是我自己写的, 它原本用的是 docsify 我想提个pr用vitepress 试试,然后就出现了这个bug\n\n### Expected behavior\n\n没有滚动条\n\n### System Info\n\n```Text\nVersion 122.0.6261.112 (Official Build) (64-bit)\r\nwin11\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.",[],3644,"CSS bug","2024-03-19T00:07:30Z","https://github.com/vuejs/vitepress/issues/3644",0.7273733,{"description":2938,"labels":2939,"number":2941,"owner":2875,"repository":2876,"state":2898,"title":2942,"updated_at":2943,"url":2944,"score":2945},"### Describe the bug\n\n**It's often easier to spill content width across the screen on mobile**\r\n\r\ncase screenshot\r\n\r\n\r\n\r\n\r\n\n\n### Reproduction\n\nfor example\r\n```md\r\nnormal link \r\n\r\nhttps://img.cdn.sugarat.top/mdImg/MTY3MzM2MTM3MTExMg==673361371112\r\n\r\nul/ol link list\r\n\r\n* https://img.cdn.sugarat.top/mdImg/MTY3MzM2MTM3MTExMg==673361371112\r\n* https://img.cdn.sugarat.top/mdImg/MTY3MzM2MTM3MTExMg==673361371112\r\n* https://img.cdn.sugarat.top/mdImg/MTY3MzM2MTM3MTExMg==673361371112\r\n\r\n1. https://img.cdn.sugarat.top/mdImg/MTY3MzM2MTM3MTExMg==673361371112\r\n2. https://img.cdn.sugarat.top/mdImg/MTY3MzM2MTM3MTExMg==673361371112\r\n3. https://img.cdn.sugarat.top/mdImg/MTY3MzM2MTM3MTExMg==673361371112\r\n```\n\n### Expected behavior\n\nauto break word\n\n### System Info\n\n```shell\nSystem:\r\n OS: macOS 12.6\r\n CPU: (8) arm64 Apple M1\r\n Memory: 253.13 MB / 16.00 GB\r\n Shell: 5.8.1 - /bin/zsh\r\n Binaries:\r\n Node: 16.17.0 - ~/.nvm/versions/node/v16.17.0/bin/node\r\n Yarn: 1.22.19 - ~/.nvm/versions/node/v16.17.0/bin/yarn\r\n npm: 8.15.0 - ~/.nvm/versions/node/v16.17.0/bin/npm\r\n Browsers:\r\n Chrome: 108.0.5359.124\r\n Safari: 15.6.1\n```\n\n\n### Additional context\n\nbug screenshots\r\n\r\n\r\n\r\n\r\nI expect\r\n\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.vuejs.org).\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[2940],{"name":2886,"color":2887},1783,"When you use links directly in the list, they will not automatically break lines.","2023-01-21T14:16:44Z","https://github.com/vuejs/vitepress/issues/1783",0.73029935,{"description":2947,"labels":2948,"number":2952,"owner":2875,"repository":2876,"state":2898,"title":2953,"updated_at":2954,"url":2955,"score":2956},"### Describe the bug\n\n当没有sidebar,有footer和outline时,滚动轴在底部,outline将会显示异常\n\n### Reproduction\n\n\r\n\n\n### Expected behavior\n\n修复outline显示异常,固定在原位不动\n\n### System Info\n\n```shell\nSystem:\r\n OS: Windows 10 10.0.22000\r\n CPU: (8) x64 11th Gen Intel(R) Core(TM) i7-1165G7 @ 2.80GHz\r\n Memory: 8.82 GB / 15.69 GB\r\n Binaries:\r\n Node: 16.17.0 - D:\\developer_tools\\nodejs\\node.EXE\r\n npm: 8.19.1 - D:\\developer_tools\\nodejs\\npm.CMD\r\n Browsers:\r\n Edge: Spartan (44.22000.120.0)\r\n Internet Explorer: 11.0.22000.120\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.",[2949],{"name":2950,"color":2951},"theme","0754FB",1464,"outline显示异常","2023-01-21T14:22:49Z","https://github.com/vuejs/vitepress/issues/1464",0.7319299,{"description":2958,"labels":2959,"number":2961,"owner":2875,"repository":2876,"state":2898,"title":2962,"updated_at":2963,"url":2964,"score":2965},"### Describe the bug\n\nA recent update (https://github.com/vuejs/vitepress/pull/1064) added a `word-break: break-word` style to all HTML elements. This leads to unpleasant results such as this in table cells (see the first and last column):\r\n\r\n\u003Cimg width=\"724\" alt=\"Table after\" src=\"https://user-images.githubusercontent.com/243601/192322921-5ab4d6a1-00e3-48d4-af11-c39c8c3e0265.png\">\r\n\r\nWhile before this update the result was much more readable:\r\n\r\n\u003Cimg width=\"729\" alt=\"Table before\" src=\"https://user-images.githubusercontent.com/243601/192323027-c7ffff4a-5989-497d-9aa0-b50b4c3cf216.png\">\r\n\n\n### Reproduction\n\nStackBlitz reproduction with a table:\r\nhttps://stackblitz.com/edit/vitepress-theme-word-break-issue?file=index.md\n\n### Expected behavior\n\nRisky styles such as `word-break: break-word` should not be applied to all elements.\r\n\r\nHandling overflowing content (if any) should be done at the component level, probably with specific solutions for each component.\n\n### System Info\n\n```shell\nSystem:\r\n OS: macOS 12.6\r\n CPU: (8) arm64 Apple M1\r\n Memory: 117.00 MB / 8.00 GB\r\n Shell: 3.5.1 - /opt/homebrew/bin/fish\r\n Binaries:\r\n Node: 16.17.1 - /opt/homebrew/opt/node@16/bin/node\r\n Yarn: 1.22.19 - /opt/homebrew/bin/yarn\r\n npm: 8.19.1 - /Volumes/Pieces/.npm/bin/npm\r\n Browsers:\r\n Chrome: 105.0.5195.125\r\n Firefox Nightly: 107.0a1\r\n Safari: 16.0\r\n npmPackages:\r\n vitepress: ^1.0.0-alpha.16 => 1.0.0-alpha.16\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.",[2960],{"name":2950,"color":2951},1402,"Consider rolling back the global `word-break: break-word` style","2023-01-21T14:25:23Z","https://github.com/vuejs/vitepress/issues/1402",0.7320136,["Reactive",2967],{},["Set"],["ShallowReactive",2970],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fzgqeskKkFKfbHjlxvfK_iGeG_W4Y81k5ZgCKpOdwFw0":-1},"/vuejs/vitepress/1864"]