\n\n### Expected behavior\n\nI hope to use SVG and other methods instead of using masks to display icons, which can avoid frequent redrawing\n\n### System Info\n\n```Text\n\"vitepress\": \"^1.6.4\",\n```\n\n### Additional context\n\n\u003Cimg width=\"2559\" height=\"1042\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/39db5990-f3ee-47bb-8bcf-49272a1918f4\" />\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.",[3168],{"name":3169,"color":3170},"bug: pending triage","e99695",4917,"Bug: Frequent triggering of redrawing of navigation bar icons","2025-08-21T09:14:41Z","https://github.com/vuejs/vitepress/issues/4917",0.7626302,{"description":3177,"labels":3178,"number":3181,"owner":3158,"repository":3159,"state":3160,"title":3182,"updated_at":3183,"url":3184,"score":3185},"### Describe the bug\r\n\r\n当我在使用动态路由的功能的时候,开发状态下是正常运行的,如下方的配置\r\n\r\n\r\n\r\n\r\n`export default {\r\n paths() {\r\n return [\r\n { params: { pkg: '../svgui/important/' }},\r\n { params: { pkg: '../toolkit/important/' }},\r\n ]\r\n }\r\n}`\r\n\r\n我在当前目录的上级中的两个目录中分别用当前的md文件生成了两个文件,开发环境一切正常。\r\n但打包之后,对应目录的文件生成了,但是内容却是404。\r\n\r\n### Reproduction\r\n\r\n无\r\n\r\n### Expected behavior\r\n\r\n希望能改进后,开发环境和生产环境表现一致。\r\n\r\n### System Info\r\n\r\n```Text\r\nnode 18.19 \r\nwindows\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.",[3179,3180],{"name":3169,"color":3170},{"name":3155,"color":3156},4200,"动态路由打包后遇到的bug,开发环境正常","2024-10-26T17:17:22Z","https://github.com/vuejs/vitepress/issues/4200",0.7652707,{"description":3187,"labels":3188,"number":3191,"owner":3158,"repository":3159,"state":3192,"title":3193,"updated_at":3194,"url":3195,"score":3196},"### Describe the bug\n\nSo I'm starting a [components library called Vuersatile components](https://github.com/Brugarolas/vuersatile-components). And I decided to use `Vitepress` for the documentation.\r\n\r\nAnd I can't even go beyond my first component page, Checkbox. Page is not rendering at all and I found the cause looking at the console:\r\n\r\n```js\r\nUncaught (in promise) TypeError: this.$t is not a function\r\n computedSubmitText Form.vue:129\r\n run reactivity.esm-bundler.js:190\r\n get value reactivity.esm-bundler.js:1171\r\n get runtime-core.esm-bundler.js:3488\r\n render Form.vue:33\r\n renderComponentRoot runtime-core.esm-bundler.js:914\r\n componentUpdateFn runtime-core.esm-bundler.js:5649\r\n run reactivity.esm-bundler.js:190\r\n update runtime-core.esm-bundler.js:5763\r\n setupRenderEffect runtime-core.esm-bundler.js:5777\r\n```\r\n\r\nAfter hours of searching (cause let's see honest, this library docs are missing some essential things), I haven't found still how to customize my own `createApp` with `Vitepress`.\r\n\r\nCan somebody please help?\r\n\r\n\n\n### Reproduction\n\nClone [my repository Vuersatile components](https://github.com/Brugarolas/vuersatile-components).\r\n\r\nInit the docs with `npm run docs:dev`\r\n\r\nGo to [Checkbox page](http://localhost:5173/components/form/checkbox.html).\r\n\r\nPage is not rendering. Open the console to see the error.\n\n### Expected behavior\n\nPlugin `i18n` to work and don't throw any errors on the console.\n\n### System Info\n\n```shell\nSystem:\r\n OS: Windows 10 10.0.22621\r\n CPU: (16) x64 AMD Ryzen 9 5900HX with Radeon Graphics \r\n Memory: 53.36 GB / 63.42 GB\r\n Binaries:\r\n Node: 18.13.0 - C:\\Program Files\\nodejs\\node.EXE\r\n npm: 8.19.3 - C:\\Program Files\\nodejs\\npm.CMD\r\n Browsers:\r\n Edge: Spartan (44.22621.1413.0), Chromium (111.0.1661.62)\r\n Internet Explorer: 11.0.22621.1\r\n npmPackages:\r\n vitepress: ^1.0.0-alpha.64 => 1.0.0-alpha.64\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.dev).\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[3189,3190],{"name":3169,"color":3170},{"name":3155,"color":3156},2181,"closed","How to use Vue plugins like I18N","2023-08-14T00:04:19Z","https://github.com/vuejs/vitepress/issues/2181",0.66884595,{"description":3198,"labels":3199,"number":3201,"owner":3158,"repository":3159,"state":3192,"title":3202,"updated_at":3203,"url":3204,"score":3205},"### Describe the bug\n\nWhen switching between dark and light modes, the background color transition of the switch is longer than the rest of the page.\r\n\r\n**Recording** \r\n\r\n\r\nhttps://user-images.githubusercontent.com/46791833/195718550-73cd960c-871d-423c-bd8e-d5d1d8cdd759.mov\r\n\r\n\r\n\r\n- [x] **I would like to submit a PR for this issue**\r\n\r\n\n\n### Reproduction\n\n1. Go to [VitePress](https://vitepress.vuejs.org/)\r\n2. Click on the dark/light mode switch multiple times\r\n3. Notice the flash between the background color of the switch with the rest of the page\r\n\n\n### Expected behavior\n\n\r\nhttps://user-images.githubusercontent.com/46791833/195719007-55f566bf-f359-49cb-990d-e58219bc8dc0.mov\r\n\r\n\n\n### System Info\n\n```shell\nSystem:\r\n OS: macOS 12.6\r\n CPU: (8) arm64 Apple M1 Pro\r\n Memory: 542.95 MB / 16.00 GB\r\n Shell: 5.8.1 - /bin/zsh\r\n Binaries:\r\n Node: 18.10.0 - /opt/homebrew/bin/node\r\n npm: 8.19.2 - /opt/homebrew/bin/npm\r\n Browsers:\r\n Chrome: 106.0.5249.119\r\n Firefox: 105.0.3\r\n Safari: 16.0\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.",[3200],{"name":3169,"color":3170},1478,"style: dark/light mode transition duration for switch doesn't match page transition duration","2023-01-21T14:25:06Z","https://github.com/vuejs/vitepress/issues/1478",0.67673385,{"description":3207,"labels":3208,"number":3212,"owner":3158,"repository":3159,"state":3192,"title":3213,"updated_at":3214,"url":3215,"score":3216},"### Is your feature request related to a problem? Please describe.\r\n\r\n例如:\r\n- 当我部署在 github 渲染显示如下内容\r\n\r\n ```md\r\n git clone https://github.com/username/xxxx.git\r\n ```\r\n\r\n- 当我部署在 gitee 渲染显示如下内容\r\n\r\n ```md\r\n git clone https://gitee.com/username/xxxx.git\r\n ```\r\n\r\n\r\n\r\n### Describe the solution you'd like\r\n\r\nSupport:\r\n\r\n\u003Cpre>\r\n ```md {render=window.location.href.start('https://github.com')}\r\n git clone https://github.com/username/xxxx.git\r\n ```\r\n\u003C/pre>\r\n\r\n\u003Cpre>\r\n ```md {render=window.location.href.start('https://gitee.com')}\r\n git clone https://gitee.com/username/xxxx.git\r\n ```\r\n\u003C/pre>\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.dev).\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.",[3209],{"name":3210,"color":3211},"wont fix","EDEED1",3829,"支持 Markdown 动态渲染","2024-05-03T04:42:02Z","https://github.com/vuejs/vitepress/issues/3829",0.74049234,{"description":3218,"labels":3219,"number":3220,"owner":3158,"repository":3159,"state":3192,"title":3221,"updated_at":3222,"url":3223,"score":3224},"### Is your feature request related to a problem? Please describe.\n\nnpm run build 错误\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.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.",[],1412," Error: Missing \"./preload-helper\" export in \"vite\" package","2023-01-21T14:25:22Z","https://github.com/vuejs/vitepress/issues/1412",0.74494225,{"description":3226,"labels":3227,"number":3228,"owner":3158,"repository":3159,"state":3192,"title":3229,"updated_at":3230,"url":3231,"score":3232},"### Discussed in https://github.com/vuejs/vitepress/discussions/1458\r\n\r\n\u003Cdiv type='discussions-op-text'>\r\n\r\n\u003Csup>Originally posted by **gerrysweeney** October 10, 2022\u003C/sup>\r\nI have been trying to use Vitepress to generate documentation, but it fails on build with a Node.js \"Out of Heap Memory\" error. It seems to keep everything in memory while building, it never creates the dist folder, consumes over 4Gb of memory and then I get the attached error. Any idea how I can resolve that? and/or can the build process be made more memory efficient?\r\n\r\n\u003Cimg width=\"1424\" alt=\"Screenshot 2022-10-10 at 20 47 31\" src=\"https://user-images.githubusercontent.com/9318317/194942287-be08280c-3778-41e6-88a5-0b7a7d2e5315.png\">\r\n\u003C/div>",[],1460,"Node running out of Heap Memory","2023-12-26T09:26:35Z","https://github.com/vuejs/vitepress/issues/1460",0.747367,{"description":3234,"labels":3235,"number":3237,"owner":3158,"repository":3159,"state":3192,"title":3238,"updated_at":3239,"url":3240,"score":3241},"### Describe the bug\n\nbuild error\r\n\r\nProbabilistic error reporting, sometimes failure, sometimes success\n\n### Reproduction\n\nhttps://github.com/FightingDesign/fighting-design/actions/runs/3608591362/jobs/6081287530\r\n\r\n```shell\r\npnpm build:docs\r\n```\r\n\r\n```shell\r\n> fighting-design@ build:docs /home/runner/work/fighting-design/fighting-design\r\n> pnpm run -C docs build\r\n\r\n\r\n> docs@ build /home/runner/work/fighting-design/fighting-design/docs\r\n> vitepress build docs\r\n\r\nvitepress v1.0.0-alpha.2[9](https://github.com/FightingDesign/fighting-design/actions/runs/3608591362/jobs/6081287530#step:8:10)\r\n- building client + server bundles...\r\n[vite:esbuild] Transform failed with 1 error:\r\n/home/runner/work/fighting-design/fighting-design/docs/docs/.vitepress/theme/components/vp-demo/index.vue?vue&type=script&setup=true&name=VpDemo&lang.ts:1:8: ERROR: Expected \">\" but found \"lang\"\r\nfile: /home/runner/work/fighting-design/fighting-design/docs/docs/.vitepress/theme/components/vp-demo/index.vue?vue&type=script&setup=true&name=VpDemo&lang.ts:1:8\r\n\r\nExpected \">\" but found \"lang\"\r\n1 | \u003Cscript lang=\"ts\" setup name=\"VpDemo\">\r\n | ^\r\n2 | import { ref } from 'vue'\r\n3 | \r\n\r\n✖ building client + server bundles...\r\nbuild error:\r\n Error: Transform failed with 1 error:\r\n/home/runner/work/fighting-design/fighting-design/docs/docs/.vitepress/theme/components/vp-demo/index.vue?vue&type=script&setup=true&name=VpDemo&lang.ts:1:8: ERROR: Expected \">\" but found \"lang\"\r\n at failureErrorWithLog (/home/runner/work/fighting-design/fighting-design/node_modules/.pnpm/esbuild@0.15.16/node_modules/esbuild/lib/main.js:1574:15)\r\n at /home/runner/work/fighting-design/fighting-design/node_modules/.pnpm/esbuild@0.15.16/node_modules/esbuild/lib/main.js:813:29\r\n at responseCallbacks.\u003Ccomputed> (/home/runner/work/fighting-design/fighting-design/node_modules/.pnpm/esbuild@0.15.16/node_modules/esbuild/lib/main.js:679:9)\r\n at handleIncomingPacket (/home/runner/work/fighting-design/fighting-design/node_modules/.pnpm/esbuild@0.15.16/node_modules/esbuild/lib/main.js:734:9)\r\n at Socket.readFromStdout (/home/runner/work/fighting-design/fighting-design/node_modules/.pnpm/esbuild@0.15.16/node_modules/esbuild/lib/main.js:655:7)\r\n at Socket.emit (node:events:513:28)\r\n at addChunk (node:internal/streams/readable:315:12)\r\n at readableAddChunk (node:internal/streams/readable:289:9)\r\n at Socket.Readable.push (node:internal/streams/readable:228:[10](https://github.com/FightingDesign/fighting-design/actions/runs/3608591362/jobs/6081287530#step:8:11))\r\n at Pipe.onStreamRead (node:internal/stream_base_commons:[19](https://github.com/FightingDesign/fighting-design/actions/runs/3608591362/jobs/6081287530#step:8:20)0:23) {\r\n errors: [\r\n {\r\n detail: undefined,\r\n id: '',\r\n location: [Object],\r\n notes: [],\r\n pluginName: '',\r\n text: 'Expected \">\" but found \"lang\"'\r\n }\r\n ],\r\n warnings: [],\r\n frame: '\\n' +\r\n '\\x1B[33mExpected \">\" but found \"lang\"\\x1B[39m\\n' +\r\n '1 | \u003Cscript lang=\"ts\" setup name=\"VpDemo\">\\n' +\r\n ' | ^\\n' +\r\n \"2 | import { ref } from 'vue'\\n\" +\r\n '3 | \\n',\r\n loc: {\r\n column: 8,\r\n file: '/home/runner/work/fighting-design/fighting-design/docs/docs/.vitepress/theme/components/vp-demo/index.vue?vue&type=script&setup=true&name=VpDemo&lang.ts',\r\n length: 4,\r\n line: 1,\r\n lineText: '\u003Cscript lang=\"ts\" setup name=\"VpDemo\">',\r\n namespace: '',\r\n suggestion: '>'\r\n },\r\n code: 'PLUGIN_ERROR',\r\n plugin: 'vite:esbuild',\r\n hook: 'transform',\r\n id: '/home/runner/work/fighting-design/fighting-design/docs/docs/.vitepress/theme/components/vp-demo/index.vue?vue&type=script&setup=true&name=VpDemo&lang.ts',\r\n watchFiles: [\r\n '/home/runner/work/fighting-design/fighting-design/node_modules/.pnpm/vitepress@1.0.0-alpha.[29](https://github.com/FightingDesign/fighting-design/actions/runs/3608591362/jobs/6081287530#step:8:30)_tbpndr[44](https://github.com/FightingDesign/fighting-design/actions/runs/3608591362/jobs/6081287530#step:8:45)ulefs3hehwpi2mkf2y/node_modules/vitepress/dist/client/app/index.js',\r\n '/home/runner/work/fighting-design/fighting-design/docs/docs/components/alert.md',\r\n '/home/runner/work/fighting-design/fighting-design/docs/docs/components/avatar.md',\r\n '/home/runner/work/fighting-design/fighting-design/docs/docs/components/back-top.md',\r\n```\n\n### Expected behavior\n\nbuild success\n\n### System Info\n\n```shell\n\"vitepress\": \"1.0.0-alpha.29\"\r\n\r\nwindows 11\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.",[3236],{"name":3169,"color":3170},1667,"Build error:but found \"lang\"","2023-01-21T14:20:25Z","https://github.com/vuejs/vitepress/issues/1667",0.7511908,{"description":3243,"labels":3244,"number":3246,"owner":3158,"repository":3159,"state":3192,"title":3247,"updated_at":3248,"url":3249,"score":3250},"### Is your feature request related to a problem? Please describe.\n\nThe current picture is not clear\n\n### Describe the solution you'd like\n\nMake the same logo in SVG format\n\n### Describe alternatives you've considered\n\nIncrease the clarity of the main icon\n\n### Additional context\n\nIn my opinion, it would be much better if the main icon was in SVG format, because the current one is not very clear (at least it is visible on a 2.8K display)\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.",[3245],{"name":3155,"color":3156},4198,"Make the main icon on the site in svg format","2025-03-19T01:31:04Z","https://github.com/vuejs/vitepress/issues/4198",0.76203537,["Reactive",3252],{},["Set"],["ShallowReactive",3255],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f6bQJ-7lXSTsc6k-Toh04r5_tbcAfRb_IvjJ2Bu9IayE":-1},"/vuejs/vitepress/2193"]