// ![code ++]\n \u003Cexample /> {/* [!code ++] */}\n \u003Cexample /> /* [!code ++] */\n \u003Cexample /> {\n // [!code ++]\n }\n \u003Cexample /> \u003C!-- [!code ++] -->\n \u003C/message>\n )\n}\n```\n\n\n\n### Expected behavior\n\nIt doesnt really work. If the second usage is intended then it probably shouldn't end with `{}`\n\n### System Info\n\n```Text\nSystem:\n OS: Windows 10 10.0.19045\n CPU: (4) x64 Intel(R) Core(TM) i5 CPU M 480 @ 2.67GHz\n Memory: 247.00 MB / 3.87 GB\n Binaries:\n Node: 23.11.0 - C:\\Program Files\\nodejs\\node.EXE\n npm: 10.5.2 - ~\\AppData\\Roaming\\npm\\npm.CMD\n pnpm: 9.1.3 - ~\\AppData\\Local\\pnpm\\pnpm.EXE\n bun: 1.1.4 - ~\\.bun\\bin\\bun.EXE\n Browsers:\n Edge: Chromium (135.0.3179.54)\n npmPackages:\n vitepress: ^1.6.3 => 1.6.3\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.",[3068],{"name":3031,"color":3032},4776,"Can't use diff in Colored Diffs in JSX Code Blocks","2025-06-05T12:48:43Z","https://github.com/vuejs/vitepress/issues/4776",0.66363186,{"description":3075,"labels":3076,"number":3078,"owner":3020,"repository":3021,"state":3022,"title":3079,"updated_at":3080,"url":3081,"score":3082},"### Describe the bug\n\nWhen I add a code block in VitePress and want to focus it using `// [!code focus]`, it doesn't work on some languages, Python, for example. I assume it doesn't work because it's a language whose comment syntax isn't `//`\n\n### Reproduction\n\n- Add a code block to a page\n- Set the syntax highligh to python \n- Add `// [!code focus]` to any line\n\n\n### Expected behavior\n\nThe line should be focused\n\n### System Info\n\n```Text\nSystem:\n OS: Windows 11 10.0.22631\n CPU: (12) x64 AMD Ryzen 5 7535HS with Radeon Graphics \n Memory: 1.10 GB / 13.35 GB\n Binaries:\n Node: 23.11.0 - C:\\Program Files\\nodejs\\node.EXE\n npm: 10.9.2 - C:\\Program Files\\nodejs\\npm.CMD\n Browsers:\n Edge: Chromium (136.0.3240.50)\n Internet Explorer: 11.0.22621.3527\n npmPackages:\n vitepress: ^1.6.3 => 1.6.3\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.",[3077],{"name":3031,"color":3032},4746,"Code focus doesn't work for some languages","2025-05-13T16:24:37Z","https://github.com/vuejs/vitepress/issues/4746",0.6672393,{"description":3084,"labels":3085,"number":3089,"owner":3020,"repository":3021,"state":3022,"title":3090,"updated_at":3091,"url":3092,"score":3093},"### Describe the bug\n\nSince `// [!code focus]` for c-like languages, `# [!code focus]` for py, ruby...\r\nso I suppose `-- [!code focus]` is for lua, however `-- # [!code focus]` currently works instead and leave the `--` ahead.\r\nAnd `# [!code focus]` works for SQL but `-- [!code focus]` doesn't\n\n### Reproduction\n\nSee: https://stackblitz.com/edit/vite-v7jayd?file=docs%2Findex.md\n\n### Expected behavior\n\nThe documentation doesn't mention such difference that we should use corresponding commenting syntax for different language, however `//` works for `xml`, `html`...\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.18.0 - /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.3 - /usr/local/bin/pnpm\r\n npmPackages:\r\n vitepress: latest => 1.0.0-rc.45\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.",[3086],{"name":3087,"color":3088},"upstream","BF29ED",3653,"Syntax for colored diffs/focus in code blocks incorrect for `lua`?","2024-03-21T00:04:40Z","https://github.com/vuejs/vitepress/issues/3653",0.66764843,{"description":3095,"labels":3096,"number":3098,"owner":3020,"repository":3021,"state":3022,"title":3099,"updated_at":3100,"url":3101,"score":3102},"### Describe the bug\n\n```\r\n```ts-vue\r\n{{ content }}\r\n```\r\n\r\nwill render the content without syntax highlighting.\n\n### Reproduction\n\nJust add that code above anywhere.\n\n### Expected behavior\n\nThat the code gets correctly syntax highlighted\n\n### System Info\n\n```Text\nSystem:\r\n OS: macOS 14.3.1\r\n CPU: (11) arm64 Apple M3 Pro\r\n Memory: 102.78 MB / 18.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 18.11.0 - ~/.nvm/versions/node/v18.11.0/bin/node\r\n npm: 8.19.2 - ~/.nvm/versions/node/v18.11.0/bin/npm\r\n pnpm: 8.11.0 - ~/.nvm/versions/node/v18.11.0/bin/pnpm\r\n bun: 1.0.29 - ~/.bun/bin/bun\r\n Browsers:\r\n Chrome: 122.0.6261.112\r\n Safari: 17.3.1\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.",[3097],{"name":3031,"color":3032},3650,"Using codeblock with ts-vue skips syntax highlighting ","2024-03-21T00:04:42Z","https://github.com/vuejs/vitepress/issues/3650",0.67228043,{"description":3104,"labels":3105,"number":3107,"owner":3020,"repository":3021,"state":3022,"title":3108,"updated_at":3109,"url":3110,"score":3111},"### Describe the bug\r\n\r\nSome of the code markdown extensions do not work when the language is `vue`.\r\n\r\nIn particular, `[!code ++]`, `[!code --]`, `[!code warning]`, `[!code error]` and `[!code focus]` just show the comments at the end of the line.\r\n\r\nChanging the language to something else fixes this, e.g. `htmx` or `ts`.\r\n\r\nThis only seems to happen in the template tags of a `vue` code block. The highlighting works absolutely fine in the script part. Please see reproduction for code examples, I can't figure out how to escape the triple backtick code blocks here! ☹️ \r\n\r\n### Reproduction\r\n\r\nhttps://stackblitz.com/edit/vite-arupmh?file=docs%2Fexample.md\r\n\r\n### Expected behavior\r\n\r\nThe markdown extensions should work correctly and highlight the lines as per [the docs](https://vitepress.dev/guide/markdown#focus-in-code-blocks).\r\n\r\n### System Info\r\n\r\n```Text\r\nSystem:\r\n OS: macOS 14.1.2\r\n CPU: (16) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz\r\n Memory: 488.47 MB / 16.00 GB\r\n Shell: 5.9 - /bin/zsh\r\nBinaries:\r\n Node: 18.12.1 - ~/.nvm/versions/node/v18.12.1/bin/node\r\n Yarn: 1.22.10 - /usr/local/bin/yarn\r\n npm: 8.19.2 - ~/.nvm/versions/node/v18.12.1/bin/npm\r\nBrowsers:\r\n Chrome: 120.0.6099.234\r\n Firefox: 112.0.2\r\n Firefox Developer Edition: 107.0\r\n Safari: 17.1.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] 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.",[3106],{"name":3087,"color":3088},3503,"Markdown code extensions don't work in some situations","2025-02-01T04:42:47Z","https://github.com/vuejs/vitepress/issues/3503",0.67611,["Reactive",3113],{},["Set"],["ShallowReactive",3116],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fnMO83I5mdNRqyElnz0Kkmge4Fad9pI9VsfeICADzt1k":-1},"/vuejs/vitepress/2282"]