\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.",[2867,2870,2873],{"name":2868,"color":2869},"build","377ba8",{"name":2871,"color":2872},"has-workaround","1B4515",{"name":2874,"color":2875},"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.7324774,{"description":2885,"labels":2886,"number":2891,"owner":2877,"repository":2878,"state":2879,"title":2892,"updated_at":2893,"url":2894,"score":2895},"### Is your feature request related to a problem? Please describe.\n\n例如:将图片换成类似这种脚本框\r\n\r\n\n\n### Describe the solution you'd like\n\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.",[2887,2890],{"name":2888,"color":2889},"theme","0754FB",{"name":2874,"color":2875},3759,"如何将主页Hero 中的图片替换为其他内容","2025-03-02T18:09:26Z","https://github.com/vuejs/vitepress/issues/3759",0.7418065,{"description":2897,"labels":2898,"number":2899,"owner":2877,"repository":2878,"state":2900,"title":2901,"updated_at":2902,"url":2903,"score":2904},"### Is your feature request related to a problem? Please describe.\n\nMastodon is getting bigger and bigger\n\n### Describe the solution you'd like\n\nAdd Mastodon as native supported social link icon\n\n### Describe alternatives you've considered\n\n_No response_\n\n### Additional context\n\nhttps://github.com/faker-js/faker/blob/aa77888098add8bc5de5ed8f4f2dbc68aa7e8cef/docs/.vitepress/config.ts#L116-L120\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.",[],1735,"closed","Add mastodon social icon","2023-01-21T14:17:04Z","https://github.com/vuejs/vitepress/issues/1735",0.6680572,{"description":2906,"labels":2907,"number":2908,"owner":2877,"repository":2878,"state":2900,"title":2909,"updated_at":2910,"url":2911,"score":2912},"### Is your feature request related to a problem? Please describe.\n\nsocialLinks:[\r\n {\r\n icon: {\r\n svg: '\u003Csvg>\u003C/svg>'\r\n },\r\n link: '...' }]\n\n### Describe the solution you'd like\n\n I want this configuration to display properly. Or add QQ, WeChat, email, etc.\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.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.",[],1115,"How can I make socialLinks: this configuration can be displayed normally in config.js","2023-01-21T14:28:53Z","https://github.com/vuejs/vitepress/issues/1115",0.6858814,{"description":2914,"labels":2915,"number":2916,"owner":2877,"repository":2878,"state":2900,"title":2917,"updated_at":2918,"url":2919,"score":2920},"### Is your feature request related to a problem? Please describe.\n\n\r\n\n\n### Describe the solution you'd like\n\n1\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.",[],2511,"I want to add a icon to the sidebar,like this picuture,how should I do ?","2023-06-25T00:05:06Z","https://github.com/vuejs/vitepress/issues/2511",0.68829566,{"description":2922,"labels":2923,"number":2925,"owner":2877,"repository":2878,"state":2900,"title":2926,"updated_at":2927,"url":2928,"score":2929},"### Is your feature request related to a problem? Please describe.\n\nhttps://v2.vuepress.vuejs.org/reference/default-theme/components.html\r\n\r\nthis component comes handy when presenting something with a distinct label, say, a version. Please please have it in vitepress.\r\n\u003Cimg width=\"291\" alt=\"Screenshot 2022-08-11 at 3 35 48 PM\" src=\"https://user-images.githubusercontent.com/1858427/184085656-67b87e05-ec0f-4b9b-ade3-0395a0f9e275.png\">\r\n\r\n\n\n### Describe the solution you'd like\n\nto have a built-in badge feature\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.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.",[2924],{"name":2888,"color":2889},1156,"Badge feature ","2023-01-21T14:22:48Z","https://github.com/vuejs/vitepress/issues/1156",0.6984774,{"description":2931,"labels":2932,"number":2936,"owner":2877,"repository":2878,"state":2900,"title":2937,"updated_at":2938,"url":2939,"score":2940},"### Describe the bug\n\nWhen you build up your team page and for the team member social links you would like to set your own icon. For example email icon for email link. Regarding the docs: https://vitepress.vuejs.org/config/theme-configs.html#sociallinks you should be able to set:\r\n\r\n```\r\nlinks: [\r\n { \r\n icon: {\r\n svg: '\u003Csvg xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" width=\"1em\" height=\"1em\" preserveAspectRatio=\"xMidYMid meet\" viewBox=\"0 0 24 24\" style=\"-ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); transform: rotate(360deg);\">\u003Cpath fill=\"currentColor\" d=\"m20 8l-8 5l-8-5V6l8 5l8-5m0-2H4c-1.11 0-2 .89-2 2v12a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2Z\"/>\u003C/svg>'\r\n },\r\n link: 'mailto:john@doe.de'\r\n },\r\n ]\r\n```\r\nbut the icon will not be rendered:\r\n\u003Cimg width=\"1419\" alt=\"Bildschirmfoto 2022-07-28 um 00 12 43\" src=\"https://user-images.githubusercontent.com/30939926/181381626-bdf02d0d-973c-4be2-87e8-f99f4c93ca18.png\">\r\n\r\n\n\n### Reproduction\n\nhttps://stackblitz.com/edit/vitepress-sociallinks-custom-svg?file=docs%2Findex.md,package.json&terminal=dev\r\n\n\n### Expected behavior\n\nWhen defining a custom icon like defined on the docs:\r\nhttps://vitepress.vuejs.org/config/theme-configs.html#sociallinks\r\n\r\ni would expect this svg to get rendered.\n\n### System Info\n\n```shell\nSystem:\r\n OS: macOS 12.1\r\n CPU: (8) x64 Apple M1\r\n Memory: 24.19 MB / 16.00 GB\r\n Shell: 5.8 - /bin/zsh\r\n Binaries:\r\n Node: 16.13.1 - ~/.nvm/versions/node/v16.13.1/bin/node\r\n npm: 8.1.2 - ~/.nvm/versions/node/v16.13.1/bin/npm\r\n Browsers:\r\n Chrome: 103.0.5060.134\r\n Firefox: 102.0.1\r\n Safari: 15.2\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.",[2933],{"name":2934,"color":2935},"bug: pending triage","e99695",1075,"VPTeamMembers -> SocialLinks -> custom svg not working","2023-01-21T14:30:04Z","https://github.com/vuejs/vitepress/issues/1075",0.70306367,{"description":2942,"labels":2943,"number":2945,"owner":2877,"repository":2878,"state":2900,"title":2946,"updated_at":2947,"url":2948,"score":2949},"### 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.",[2944],{"name":2934,"color":2935},3424,"externalLinkIcon isn't working","2024-01-16T00:04:36Z","https://github.com/vuejs/vitepress/issues/3424",0.72019815,{"description":2951,"labels":2952,"number":2953,"owner":2877,"repository":2878,"state":2900,"title":2954,"updated_at":2955,"url":2956,"score":2957},"### Is your feature request related to a problem? Please describe.\n\nyes\n\n### Describe the solution you'd like\n\nIcons or badges can be customized in the left sidebar.\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.",[],2871,"Expect the sidebar to be able to add badges","2023-09-07T00:04:16Z","https://github.com/vuejs/vitepress/issues/2871",0.7216574,{"description":2959,"labels":2960,"number":2961,"owner":2877,"repository":2878,"state":2900,"title":2962,"updated_at":2963,"url":2964,"score":2965},"### Is your feature request related to a problem? Please describe.\n\n无\n\n### Describe the solution you'd like\n\n新的vue组件库是基于vue2.7写的,使用vitepress搭过自己的博客觉得很舒服,希望vitepress支持下vue2.7版本,这样整个生态就比较舒服\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.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.",[],1514,"vitepress可以支持vue2.7","2023-01-21T14:23:08Z","https://github.com/vuejs/vitepress/issues/1514",0.7239038,["Reactive",2967],{},["Set"],["ShallowReactive",2970],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fJD67V94rAZhIcgkdESuHYLQsXlChPnqwyfFOTFSrQ3k":-1},"/vuejs/vitepress/2638"]