\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.7337537,{"description":2885,"labels":2886,"number":2887,"owner":2877,"repository":2878,"state":2888,"title":2889,"updated_at":2890,"url":2891,"score":2892},"### 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,"closed","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.67275983,{"description":2894,"labels":2895,"number":2899,"owner":2877,"repository":2878,"state":2888,"title":2900,"updated_at":2901,"url":2902,"score":2903},"### 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":2897,"color":2898},"bug: pending triage","e99695",3424,"externalLinkIcon isn't working","2024-01-16T00:04:36Z","https://github.com/vuejs/vitepress/issues/3424",0.6980245,{"description":2905,"labels":2906,"number":2912,"owner":2877,"repository":2878,"state":2888,"title":2913,"updated_at":2914,"url":2915,"score":2916},"### Describe the bug\n\n# Bug\r\nSVG feature icons in the `home` layout expand to fit the width of their feature element, rather than being constrained to the size specified in their `width` declaration.\r\n\r\n\n\n### Reproduction\n\n# Context\r\nGiven the frontmatter\r\n\r\n```\r\n---\r\nlayout: home\r\n\r\nhero:\r\n name: Bug example\r\n\r\nfeatures:\r\n - icon:\r\n src: /flag-solid.svg\r\n width: 50\r\n title: Bug example\r\n details: The icon expands to fit the width of the feature element, rather than being constrained to 50px\r\n---\r\n```\n\n### Expected behavior\n\n# Expected\r\nThe feature icon is expected to size to the width specified by the `width` declaration.\n\n### System Info\n\n```shell\nSystem:\r\n OS: Windows 10\r\n Binaries:\r\n Node: 18.13.0\r\n npm: 8.19.3\r\n Browsers:\r\n Chrome: 109\r\n npmPackages:\r\n vitepress: ^1.0.0-alpha.40 => 1.0.0-alpha.45\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.",[2907,2910,2911],{"name":2908,"color":2909},"theme","0754FB",{"name":2871,"color":2872},{"name":2874,"color":2875},1886,"SVG icons in `feature` elements do not respect their size setting","2023-08-14T00:04:27Z","https://github.com/vuejs/vitepress/issues/1886",0.69993275,{"description":2918,"labels":2919,"number":2920,"owner":2877,"repository":2878,"state":2888,"title":2921,"updated_at":2922,"url":2923,"score":2924},"### Is your feature request related to a problem? Please describe.\n\nIn default VitePress there is `VPSocialLink` component which allows to add social icons.\r\n\r\nCould you please add one more icon for personal website here?\r\nhttps://github.com/vuejs/vitepress/blob/main/src/client/theme-default/support/socialIcons.ts\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.",[],2638,"Add personal website social icon","2023-07-25T00:04:47Z","https://github.com/vuejs/vitepress/issues/2638",0.7185576,{"description":2926,"labels":2927,"number":2929,"owner":2877,"repository":2878,"state":2888,"title":2930,"updated_at":2931,"url":2932,"score":2933},"### Describe the bug\n\nI added team component feedback error in index.md\r\n\r\n\n\n### Reproduction\n\n---\r\nlayout: home\r\n\r\nhero:\r\n name: VitePress\r\n text: Vite & Vue powered static site generator.\r\n tagline: Simple, powerful, and performant. Meet the modern SSG framework you've always wanted.\r\n actions:\r\n - theme: brand\r\n text: Get Started\r\n link: /example\r\n - theme: alt\r\n text: View on GitHub\r\n link: https://github.com/vuejs/vitepress\r\n---\r\n\r\n\u003Cscript setup>\r\nimport { VPTeamMembers } from 'vitepress/theme'\r\n\r\nconst members = [\r\n {\r\n avatar: 'https://www.github.com/yyx990803.png',\r\n name: 'Evan You',\r\n title: 'Creator',\r\n links: [\r\n { icon: 'github', link: 'https://github.com/yyx990803' },\r\n { icon: 'twitter', link: 'https://twitter.com/youyuxi' }\r\n ]\r\n },\r\n ...\r\n]\r\n\u003C/script>\r\n\r\n# Our Team\r\n\r\nSay hello to our awesome team.\r\n\r\n\u003CVPTeamMembers size=\"small\" :members=\"members\" />\r\n\n\n### Expected behavior\n\nnormal\n\n### System Info\n\n```Text\nSystem:\r\n OS: Linux 5.0 undefined\r\n CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz\r\n Memory: 0 Bytes / 0 Bytes\r\n Shell: 1.0 - /bin/jsh\r\n Binaries:\r\n Node: 18.20.3 - /usr/local/bin/node\r\n Yarn: 1.22.19 - /usr/local/bin/yarn\r\n npm: 10.2.3 - /usr/local/bin/npm\r\n pnpm: 8.15.6 - /usr/local/bin/pnpm\r\n npmPackages:\r\n vitepress: latest => 1.3.4\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.",[2928],{"name":2897,"color":2898},4238,"Error occurred when using team components","2024-10-07T04:45:56Z","https://github.com/vuejs/vitepress/issues/4238",0.73450553,{"description":2935,"labels":2936,"number":2940,"owner":2877,"repository":2878,"state":2888,"title":2941,"updated_at":2942,"url":2943,"score":2944},"### Describe the bug\n\nHey not sure if bug or not. However when trying to add avatars on a team page while within an enterprise doesnt seem to work\r\n\r\n- is there a way to just add a .png file from the public folder to the avatar team url? \n\n### Reproduction\n\n {\r\n avatar: '/mypng.png',\r\n name: 'Jonathan Gober',\r\n title: 'QP Consultant',\r\n links: [\r\n { icon: 'github', link: 'my github link' }, \r\n ]\r\n },\r\n\r\nrunning docs:dev gives expected result and shows png\r\nrunning with built file fails\n\n### Expected behavior\n\nShould show png avatar for team page\n\n### System Info\n\n```shell\nSystem:\r\n OS: Windows 10 10.0.19042\r\n CPU: (16) x64 11th Gen Intel(R) Core(TM) i7-11850H @ 2.50GHz\r\n Memory: 16.31 GB / 31.73 GB\r\n Binaries:\r\n Node: 18.12.1 - C:\\Program Files\\nodejs\\node.EXE\r\n npm: 8.19.2 - C:\\Program Files\\nodejs\\npm.CMD\r\n Browsers:\r\n Edge: Spartan (44.19041.1266.0), Chromium (108.0.1462.76) \r\n Internet Explorer: 11.0.19041.1566\r\n npmPackages:\r\n vitepress: ^1.0.0-alpha.30 => 1.0.0-alpha.30\n```\n\n\n### Additional context\n\nn/a\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.",[2937],{"name":2938,"color":2939},"need more info","bdbefc",1826,"Use PNG files for Team Page Avatar?","2023-01-30T00:04:20Z","https://github.com/vuejs/vitepress/issues/1826",0.73610336,{"description":2946,"labels":2947,"number":2948,"owner":2877,"repository":2878,"state":2888,"title":2949,"updated_at":2950,"url":2951,"score":2952},"### Describe the bug\n\ndoesn’t work\r\n\r\nmy website link\r\nhttps://lark-base-team.github.io/js-sdk-docs/zh/start\r\nhere is my config\r\n```\r\nexport default defineConfig({\r\n lastUpdated: true,\r\n cleanUrls: true,\r\n base: '/js-sdk-docs/',\r\n themeConfig: {\r\n logo: '/logo.svg',\r\n search: {\r\n provider: 'local'\r\n },\r\n nav: [\r\n { text: 'API', link: '/zh/api/guide', activeMatch: 'zh/api' },\r\n ],\r\n },\r\n head: [\r\n ['link', { rel: 'icon', href: '/logo.svg' }],\r\n ],\r\n title: 'Base JS SDK',\r\n description: 'Base JS SDK Docs',\r\n // sitemap: {\r\n // hostname: 'https://basejsapi.com',\r\n // },\r\n lang: 'zh',\r\n locales: {\r\n zh: {\r\n label: '中文',\r\n lang: 'zh',\r\n dir: '/zh',\r\n title: 'Base JS SDK',\r\n description: 'Base JS SDK Docs',\r\n themeConfig: {\r\n logo: '/logo.svg',\r\n search: {\r\n provider: 'local'\r\n },\r\n nav: [\r\n { text: 'API', link: '/zh/api/guide', activeMatch: 'zh/api' },\r\n ],\r\n head: [\r\n ['link', { rel: 'icon', href: '/logo.svg' }],\r\n ],\r\n sidebar: getZhSideBar(),\r\n },\r\n },\r\n en: {\r\n label: 'English',\r\n lang: 'en',\r\n dir: '/en',\r\n title: 'Base JS SDK',\r\n description: 'Base JS SDK Docs',\r\n themeConfig: {\r\n logo: '/logo.svg',\r\n search: {\r\n provider: 'local'\r\n },\r\n head: [\r\n ['link', { rel: 'icon', href: '/logo.svg' }],\r\n ],\r\n nav: [\r\n { text: 'API', link: '/en/api/guide.md' },\r\n ],\r\n sidebar: getEnSideBar(),\r\n },\r\n }\r\n },\r\n})\r\n\r\n```\n\n### Reproduction\n\n vitepress: 1.0.0-rc.10 \n\n### Expected behavior\n\nshould dispaly the icon in tab\n\n### System Info\n\n```Text\nSystem:\r\n OS: macOS 13.6\r\n CPU: (10) arm64 Apple M1 Pro\r\n Memory: 53.27 MB / 32.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 18.14.2 - ~/.nvm/versions/node/v18.14.2/bin/node\r\n Yarn: 1.22.19 - /opt/homebrew/bin/yarn\r\n npm: 9.5.0 - ~/.nvm/versions/node/v18.14.2/bin/npm\r\n pnpm: 8.7.4 - ~/.nvm/versions/node/v18.14.2/bin/pnpm\r\n Browsers:\r\n Chrome: 117.0.5938.149\r\n Safari: 16.6\r\n npmPackages:\r\n vitepress: 1.0.0-rc.10 => 1.0.0-rc.10\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.",[],3075,"After doing internationalization configuration, the tab icon on the browser page does not take effect.","2023-10-21T00:05:55Z","https://github.com/vuejs/vitepress/issues/3075",0.7372816,{"description":2954,"labels":2955,"number":2957,"owner":2877,"repository":2878,"state":2888,"title":2958,"updated_at":2959,"url":2960,"score":2961},"### Describe the bug\r\n\r\n\r\n\r\n\r\n\r\n\r\n### Reproduction\r\n\r\nyarn add vitepress\r\n\r\nedit package.json\r\n\r\n~~~\r\n \"scripts\": {\r\n \"docs:dev\": \"vitepress dev docs\",\r\n \"docs:build\": \"vitepress build docs\",\r\n \"docs:serve\": \"vitepress serve docs\"\r\n }\r\n~~~\r\n\r\nyarn docs:dev\r\n\r\n### Expected behavior\r\n\r\nnormal display\r\n\r\n### System Info\r\n\r\n```shell\r\nSystem:\r\n OS: Windows 10 10.0.17763\r\n CPU: (8) x64 Intel(R) Xeon(R) CPU E3-1230 V2 @ 3.30GHz\r\n Memory: 3.25 GB / 7.93 GB\r\n Binaries:\r\n Node: 16.5.0 - C:\\Program Files\\nodejs\\node.EXE\r\n Yarn: 1.22.10 - ~\\AppData\\Roaming\\npm\\yarn.CMD\r\n npm: 7.20.5 - C:\\Program Files\\nodejs\\npm.CMD\r\n Browsers:\r\n Chrome: 92.0.4515.107\r\n Edge: Spartan (44.17763.831.0)\r\n Internet Explorer: 11.0.17763.771\r\n npmPackages:\r\n vitepress: ^0.16.1 => 0.16.1\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] Follow our [Code of Conduct](https://vuejs.org/coc)\r\n- [X] Read the [docs](https://vitepress.vuejs.org/).\r\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[2956],{"name":2897,"color":2898},362,"Strange symbols appear","2023-01-21T16:22:12Z","https://github.com/vuejs/vitepress/issues/362",0.7390769,{"description":2963,"labels":2964,"number":2966,"owner":2877,"repository":2878,"state":2888,"title":2967,"updated_at":2968,"url":2969,"score":2970},"### Describe the bug\n\nI used a custom font by overriding the root variables `--vp-font-family-base` and `--vp-font-family-mono`.\r\nIt worked before version ^1.0.0-rc.4, but today I updated version ^1.0.0-rc.29 with the command `npm install vitepress@1.0.0-rc.29` and the Mono font won't work.\r\n\r\n\n\n### Reproduction\n\nThe following is a blog theme folder based on VitePress.\r\nhttps://github.com/yassine-zhang/VitePress-Blog/tree/main/docs/.vitepress/theme\n\n### Expected behavior\n\nBy definition, Mono's fonts should work\n\n### System Info\n\n```Text\nSystem:\r\n OS: macOS 14.0\r\n CPU: (8) arm64 Apple M1 Pro\r\n Memory: 375.55 MB / 16.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 20.4.0 - /usr/local/bin/node\r\n npm: 9.7.2 - ~/.npm-global/bin/npm\r\n Browsers:\r\n Chrome: 119.0.6045.159\r\n Safari: 17.0\r\n npmPackages:\r\n vitepress: ^1.0.0-rc.29 => 1.0.0-rc.29\n```\n\n\n### Additional context\n\n## catalogue\r\nThe table of contents is as follows:\r\n\u003Cimg width=\"245\" alt=\"image\" src=\"https://github.com/vuejs/vitepress/assets/63432395/ae5a955f-ac69-4cad-9da8-78ecf78e2d66\">\r\n\r\n## code\r\n> I followed`https://vitepress.dev/guide/extending-default-theme#using-different-fonts` in `Layout.vue`\r\n### index.js\r\n```js\r\nimport Layout from \"./components/Layout.vue\"\r\nimport ...;\r\nimport \"./custom.css\"\r\n\r\nexport default {\r\n Layout,\r\n enhanceApp({ app, router, siteData }) {\r\n // ...\r\n },\r\n};\r\n\r\n```\r\n\r\n### custom.css\r\n```css\r\n@import url(\"https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@500&display=swap\");\r\n@import url('https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@500&display=swap');\r\n\r\n/* ... */\r\n\r\n:root {\r\n --vp-font-family-base: \"Noto Sans SC\", arial, sans-serif;\r\n --vp-font-family-mono: \"Roboto Mono\", monospace;\r\n\r\n /* ... */\r\n}\r\n\r\n```\r\n\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.",[2965],{"name":2897,"color":2898},3231,"The Mono custom font is not valid.","2023-11-29T00:04:47Z","https://github.com/vuejs/vitepress/issues/3231",0.7436971,["Reactive",2972],{},["Set"],["ShallowReactive",2975],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fgOgduGOvaBAl4QpdASIrF4TypJjc5IaE0rPjXhduzLE":-1},"/vuejs/vitepress/1075"]