\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.",[3159],{"name":3160,"color":3161},"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.72852194,{"description":3168,"labels":3169,"number":3170,"owner":3149,"repository":3150,"state":3171,"title":3172,"updated_at":3173,"url":3174,"score":3175},"### Is your feature request related to a problem? Please describe.\n\nNo\n\n### Describe the solution you'd like\n\nThe custom container are a very useful feature and it can be configurable in the .vitepress/config.js file with color for \r\nname,border, border-dark, background, background-dark in the config file with these 5 options i think it will make a better for a better blog points.\n\n### Describe alternatives you've considered\n\nHaving the lack of customization for the custom container boxes. I am aware that you can create components to do the same things but the \"::: name :::\" syntax is better to view in markdown as well as more read able than having it wrapped inside a html tag.\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.",[],1246,"closed","Adding Custom Containers from the config.js file ","2023-01-21T14:26:51Z","https://github.com/vuejs/vitepress/issues/1246",0.6996525,{"description":3177,"labels":3178,"number":3179,"owner":3149,"repository":3150,"state":3171,"title":3180,"updated_at":3181,"url":3182,"score":3183},"### Is your feature request related to a problem? Please describe.\n\nN/A\n\n### Describe the solution you'd like\n\nAllow custom titles of containers to be manipulated with Markdown, such as **bold**, _italics_, or hyperlinks.\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.",[],765,"Markdown formatting in custom container titles","2023-01-21T14:34:10Z","https://github.com/vuejs/vitepress/issues/765",0.7060958,{"description":3185,"labels":3186,"number":3187,"owner":3149,"repository":3150,"state":3171,"title":3188,"updated_at":3189,"url":3190,"score":3191},"### Describe the bug\n\nThe MD content contains the following code build error\r\n\r\n```md\r\n## Properties\r\n\r\n| Property | Type |\r\n| -------- | ------------------------------------ |\r\n| icon | { active: string; default: string; } |\r\n```\r\n\r\n```plain\r\nyarn run v1.22.11\r\n$ vitepress build docs\r\nvitepress v0.20.0\r\n⠋ building client + server bundles...[vite:vue] Duplicate attribute.\r\nfile: /vitepress-bug-demo/docs/index.md:5:42\r\n✖ building client + server bundles...\r\n[vite:vue] Cannot read property 'line' of undefined\r\nfile: /vitepress-bug-demo/docs/index.md\r\nbuild error:\r\n SyntaxError: Duplicate attribute.\r\n at createCompilerError (/vitepress-bug-demo/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:19:19)\r\n at emitError (/vitepress-bug-demo/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:1599:29)\r\n at parseAttribute (/vitepress-bug-demo/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:1340:9)\r\n at parseAttributes (/vitepress-bug-demo/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:1316:22)\r\n at parseTag (/vitepress-bug-demo/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:1186:17)\r\n at parseElement (/vitepress-bug-demo/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:1115:21)\r\n at parseChildren (/vitepress-bug-demo/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:943:28)\r\n at parseElement (/vitepress-bug-demo/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:1131:22)\r\n at parseChildren (/vitepress-bug-demo/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:943:28)\r\n at parseElement (/vitepress-bug-demo/node_modules/@vue/compiler-core/dist/compiler-core.cjs.js:1131:22) {\r\n code: 'PLUGIN_ERROR',\r\n loc: {\r\n file: '/vitepress-bug-demo/docs/index.md',\r\n line: 5,\r\n column: 42\r\n },\r\n id: '/vitepress-bug-demo/docs/index.md',\r\n plugin: 'vue',\r\n hook: 'transform',\r\n pluginCode: 2,\r\n watchFiles: [\r\n '/vitepress-bug-demo/node_modules/vitepress/dist/client/app/index.js',\r\n '/vitepress-bug-demo/docs/index.md',\r\n '/vitepress-bug-demo/node_modules/vitepress/dist/client/app/utils.js',\r\n '/vitepress-bug-demo/node_modules/vitepress/dist/client/app/router.js',\r\n '/vitepress-bug-demo/node_modules/vitepress/dist/client/app/data.js',\r\n '/vitepress-bug-demo/node_modules/vitepress/dist/client/app/composables/head.js',\r\n '/vitepress-bug-demo/node_modules/vitepress/dist/client/app/composables/preFetch.js',\r\n '/vitepress-bug-demo/node_modules/vitepress/dist/client/app/components/Content.js',\r\n '/vitepress-bug-demo/node_modules/vitepress/dist/client/app/components/ClientOnly.js',\r\n '/vitepress-bug-demo/node_modules/vitepress/dist/client/app/components/Debug.vue',\r\n '/vitepress-bug-demo/node_modules/vue/dist/vue.runtime.esm-bundler.js',\r\n '/vitepress-bug-demo/node_modules/vitepress/dist/client/theme-default/index.js'\r\n ]\r\n}\r\n```\n\n### Reproduction\n\nhttps://github.com/keuby/vitepress-bug-demo.git\n\n### Expected behavior\n\nBuild does not report errors\n\n### System Info\n\n```shell\nSystem:\r\n OS: macOS 11.6\r\n CPU: (8) arm64 Apple M1\r\n Memory: 121.91 MB / 16.00 GB\r\n Shell: 5.8 - /bin/zsh\r\n Binaries:\r\n Node: 14.17.6 - ~/.nvm/versions/node/v14.17.6/bin/node\r\n Yarn: 1.22.11 - ~/.nvm/versions/node/v14.17.6/bin/yarn\r\n npm: 6.14.15 - ~/.nvm/versions/node/v14.17.6/bin/npm\r\n Browsers:\r\n Chrome: 96.0.4664.55\r\n Edge: 95.0.1020.53\r\n Firefox: 90.0\r\n Safari: 15.0\r\n npmPackages:\r\n vitepress: ^0.20.0 => 0.20.0 \r\n```\n```\n\n\n### Additional context\n\n_No response_\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://vuejs.org/coc)\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.",[],449,"Compilation errors occur in some special cases","2023-01-21T14:35:49Z","https://github.com/vuejs/vitepress/issues/449",0.7108894,{"description":3193,"labels":3194,"number":3195,"owner":3149,"repository":3150,"state":3171,"title":3196,"updated_at":3197,"url":3198,"score":3199},"### Is your feature request related to a problem? Please describe.\n\nWe're using Custom Elements to encapsulate styles from our design system, so it'd be great to be able to tell Vitepress to ignore those tags.\r\n\r\nSuper lightweight example:\r\n\r\n```js\r\nclass ButtonExample extends HTMLElement {\r\n connectedCallback() {\r\n const designSystemCSS = '\u003Clink rel=\"stylesheet\" type=\"text/css\" href=\"designSystemURL\" />'\r\n const target = `\u003Cdiv id=\"app\">\u003C/div>`\r\n this.shadow = this.attachShadow({ mode: 'open' })\r\n this.shadow.innerHTML = designSystemCSS + target\r\n createApp(App) // App defined elsewhere ofc\r\n .mount(this.shadow.querySelector('#app'))\r\n }\r\n}\r\n```\n\n### Describe the solution you'd like\n\nProbably just being able to set `compilerOptions.isCustomElement` somewhere would be good enough?\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.",[],735,"Custom element support","2023-01-21T14:34:18Z","https://github.com/vuejs/vitepress/issues/735",0.71630895,{"description":3201,"labels":3202,"number":3204,"owner":3149,"repository":3150,"state":3171,"title":3205,"updated_at":3206,"url":3207,"score":3208},"### Describe the bug\r\n\r\nhttps://github.com/vuejs/vitepress/blob/75ca9e4302c65e3bcc9518f7df928318380f6cf6/src/node/markdown/plugins/highlightLines.ts#L30\r\n\r\n`highlightLinePlugin` is used before `attrs`, and `token.info` is rewritten.\r\n\r\nvia https://github.com/vuejs/vitepress/pull/664#discussion_r902203459\r\n\r\n### Reproduction\r\n\r\n\u003Cimg width=\"177\" alt=\"image\" src=\"https://user-images.githubusercontent.com/8336744/174726207-1c068f94-f597-4d5e-9101-4709a08a60c3.png\">\r\n\r\n\u003Cimg width=\"299\" alt=\"image\" src=\"https://user-images.githubusercontent.com/8336744/174726233-83967c42-db47-4c12-8dbd-0c83a817c448.png\">\r\n\r\n\r\n### Expected behavior\r\n\r\nRender `data=\"asdf\"`\r\n\r\n### System Info\r\n\r\n```shell\r\nSystem:\r\n OS: macOS 13.0\r\n CPU: (10) arm64 Apple M1 Max\r\n Memory: 13.84 GB / 64.00 GB\r\n Shell: 5.8.1 - /bin/zsh\r\n Binaries:\r\n Node: 16.15.1 - ~/Library/Caches/fnm_multishells/95455_1655742557079/bin/node\r\n Yarn: 1.22.19 - ~/Library/Caches/fnm_multishells/95455_1655742557079/bin/yarn\r\n npm: 8.12.1 - ~/Library/Caches/fnm_multishells/95455_1655742557079/bin/npm\r\n Browsers:\r\n Chrome: 102.0.5005.115\r\n Firefox: 101.0.1\r\n Safari: 16.0\r\n npmPackages:\r\n vitepress: ^1.0.0-alpha.2 => 1.0.0-alpha.2\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/about/coc.html)\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.",[3203],{"name":3146,"color":3147},826,"support adding attributes to code blocks","2023-08-11T00:04:28Z","https://github.com/vuejs/vitepress/issues/826",0.71658766,{"description":3210,"labels":3211,"number":3215,"owner":3149,"repository":3150,"state":3171,"title":3216,"updated_at":3217,"url":3218,"score":3219},"### Describe the bug\n\nWhen a custom container has nested code blocks which are not separated by other elements (i.e. a paragraph), they are rendered on top of each other, without any visible separation.\n\n````md\n::: details\n\n```txt\ncode block 1\n```\n\n```txt\ncode block 2\n```\n\n```txt\ncode block 3\n```\n\n:::\n````\n\n### Reproduction\n\nPut a couple of code blocks (via ` ``` ` fences) into a custom container, i.e. `::: details`. Do not separate the blocks other than insert two newline chars inbetween. Check the rendered container in expanded state.\n\nhttps://stackblitz.com/edit/vite-qys1herd?file=docs%2Fexample.md\n\n### Expected behavior\n\nThere should be always visible separation between the code blocks, no matter if they are nested in a custom container, or interlaced with other elements.\n\n### System Info\n\n```Text\nSystem:\n OS: Linux 5.0 undefined\n CPU: (8) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz\n Memory: 0 Bytes / 0 Bytes\n Shell: 1.0 - /bin/jsh\n Binaries:\n Node: 20.19.1 - /usr/local/bin/node\n Yarn: 1.22.19 - /usr/local/bin/yarn\n npm: 10.8.2 - /usr/local/bin/npm\n pnpm: 8.15.6 - /usr/local/bin/pnpm\n npmPackages:\n vitepress: latest => 1.6.4\n```\n\n### Additional context\n\n\u003Cimg width=\"426\" height=\"263\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/2b21f0bc-b944-4954-bdd8-2e261a17c200\" />\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.",[3212],{"name":3213,"color":3214},"theme","0754FB",4921,"Nested code blocks in custom containers are not visibly separated","2025-08-22T14:26:13Z","https://github.com/vuejs/vitepress/issues/4921",0.7199119,{"description":3221,"labels":3222,"number":3224,"owner":3149,"repository":3150,"state":3171,"title":3225,"updated_at":3226,"url":3227,"score":3228},"### Describe the bug\n\nWhen I want to import, I find that it will report an error.\r\n\r\nI see that the document is imported in this way.\r\n\r\nIs there anything wrong?Why doesn't it happen when I import from vue?\r\n\r\n\r\n\n\n### Reproduction\n\nAfter I created the project based on the document, I only installed 'vitepress-theme-demoblock'.\r\nThese are my configurations:\r\n\r\n\r\nAnd then it happended.\n\n### Expected behavior\n\nI was about to import some custom objects in the demo, but I found that even useData cannot be imported.\n\n### System Info\n\n```shell\n[vitepress] Internal server error: Transform failed with 1 error:\r\nE:/Draculabo/min-vitepress/vitepress-starter/docs/components/test.md:22:7: ERROR: Unexpected \"{\"\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.",[3223],{"name":3160,"color":3161},1990,"Internal server error: Import error in the demo container.","2023-03-17T00:04:20Z","https://github.com/vuejs/vitepress/issues/1990",0.722591,{"description":3230,"labels":3231,"number":3235,"owner":3149,"repository":3150,"state":3171,"title":3236,"updated_at":3237,"url":3238,"score":3239},"### Is your feature request related to a problem? Please describe.\r\n\r\nWhen I use Element-Plus in VitePress, the partial style of the component is modified. The reason is VitePress `src/client/theme-default/styles/layout.css` File reset all styles.\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n### Describe the solution you'd like\r\n\r\nI hope this code only takes effect in VitePress.\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/coc)\r\n- [X] Read the [docs](https://vitepress.vuejs.org/).\r\n- [X] Read the [Contributing Guidelines](https://github.com/vuejs/vitepress/blob/master/.github/contributing.md).\r\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[3232],{"name":3233,"color":3234},"duplicate","cfd3d7",434,"This is a suggestion","2023-01-21T16:04:15Z","https://github.com/vuejs/vitepress/issues/434",0.7331137,["Reactive",3241],{},["Set"],["ShallowReactive",3244],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$feDG3XCAAmAx8boNsBSw09n6JA8NLCvH2T1lhpUO948U":-1},"/vuejs/vitepress/4741"]