\n\n\u003Cimg width=\"376\" height=\"181\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/2f33e227-2f78-4d2d-a90e-796eb5842643\" />\n\n### Reproduction\n\nUse the default tempalte \"no style\" and add a code block with line-numbers.\n\nTested version: \"vitepress\": \"^1.6.3\"\n\n### Expected behavior\n\nThe line numbers are next to the code.\n\n### System Info\n\n```Text\nSystem:\n OS: Windows 10 10.0.19045\n CPU: (16) x64 AMD Ryzen 7 5800X3D 8-Core Processor\n Memory: 11.37 GB / 31.92 GB\n Binaries:\n Node: 22.3.0 - C:\\Program Files\\nodejs\\node.EXE\n Yarn: 1.22.17 - ~\\AppData\\Roaming\\npm\\yarn.CMD\n npm: 9.8.1 - C:\\Program Files\\nodejs\\npm.CMD\n Browsers:\n Chrome: 138.0.7204.169\n Edge: Chromium (136.0.3240.92)\n Internet Explorer: 11.0.19041.5794\n npmPackages:\n vitepress: ^1.6.3 => 1.6.3\n```\n\n### Additional context\n\nTested on Chrome, Edge and Firefox - all have the same issue.\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.",[3193],{"name":3157,"color":3158},4865,"markdown :line-numbers","2025-07-29T22:58:24Z","https://github.com/vuejs/vitepress/issues/4865",0.6488616,{"description":3200,"labels":3201,"number":3203,"owner":3146,"repository":3147,"state":3148,"title":3204,"updated_at":3205,"url":3206,"score":3207},"### 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.",[3202],{"name":3157,"color":3158},3650,"Using codeblock with ts-vue skips syntax highlighting ","2024-03-21T00:04:42Z","https://github.com/vuejs/vitepress/issues/3650",0.65968853,{"description":3209,"labels":3210,"number":3214,"owner":3146,"repository":3147,"state":3148,"title":3215,"updated_at":3216,"url":3217,"score":3218},"### Describe the bug\n\nAssume we have below code:\r\n\r\n```md\r\n:::tip\r\n\r\n```html{1}\r\n\u003Cdiv class=\"grid-row grid-cols-2 justify-items-stretch\">\r\n \u003Cdiv>\u003C/div>\r\n \u003Cdiv>\u003C/div>\r\n\u003C/div>\r\n\r\n:::\r\n```\r\n\r\nWith above code we get code block rendered like below:\r\n\r\n\r\n\n\n### Reproduction\n\nAbove code (code block with highlighted lines in custom block)\n\n### Expected behavior\n\nIt should highlight full line\n\n### System Info\n\n```shell\nSystem:\r\n OS: Linux 5.15 Ubuntu 22.04 LTS 22.04 LTS (Jammy Jellyfish)\r\n CPU: (16) x64 AMD Ryzen 7 3700X 8-Core Processor\r\n Memory: 9.52 GB / 15.57 GB\r\n Container: Yes\r\n Shell: 0.12.1 - /home/jd/.xonsh/.venv/bin/xonsh\r\n Binaries:\r\n Node: 16.14.2 - ~/.nvm/versions/node/v16.14.2/bin/node\r\n Yarn: 1.22.18 - ~/.nvm/versions/node/v16.14.2/bin/yarn\r\n npm: 8.5.0 - ~/.nvm/versions/node/v16.14.2/bin/npm\r\n Browsers:\r\n Chrome: 101.0.4951.64\r\n npmPackages:\r\n vitepress: 1.0.0-alpha.4 => 1.0.0-alpha.4\n```\n\n\n### Additional context\n\nNone\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.",[3211],{"name":3212,"color":3213},"theme","0754FB",959,"Line highlighting style in custom block isn't working as expected","2023-01-21T14:30:27Z","https://github.com/vuejs/vitepress/issues/959",0.6659142,{"description":3220,"labels":3221,"number":3223,"owner":3146,"repository":3147,"state":3148,"title":3224,"updated_at":3225,"url":3226,"score":3227},"### Describe the bug\n\nFocus in Code Blocks not working in my project, is it necessary anymore dependencies ?\n\n### Reproduction\n\n```js\r\nexport default {\r\n data () {\r\n return {\r\n msg: 'Focused!' // [!code focus]\r\n }\r\n }\r\n}\r\n```\n\n### Expected behavior\n\n```js\r\nexport default {\r\n data () {\r\n return {\r\n msg: 'Focused!' // [!code focus]\r\n }\r\n }\r\n}\r\n```\n\n### System Info\n\n```shell\nwindows\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.",[3222],{"name":3157,"color":3158},1926,"Focus in Code Blocks","2023-02-19T00:04:40Z","https://github.com/vuejs/vitepress/issues/1926",0.66783714,{"description":3229,"labels":3230,"number":3232,"owner":3146,"repository":3147,"state":3148,"title":3233,"updated_at":3234,"url":3235,"score":3236},"### Describe the bug\n\nIn mobile, there is a gap on the leftmost side of the code block in [this address](https://vitepress.vuejs.org/guide/deploying.html), which is not consistent with the style of the code block on other pages.\r\n\r\n\r\n\n\n### Reproduction\n\nhttps://vitepress.vuejs.org/guide/deploying.html\n\n### Expected behavior\n\nConsistent with the rest of the page code block style.\n\n### System Info\n\n```shell\nSystem:\r\n OS: Windows 10 10.0.19044\r\n CPU: (8) x64 Intel(R) Core(TM) i5-9400 CPU @ 2.90GHz\r\n Memory: 3.59 GB / 15.9 GB\r\nBinaries:\r\n Node: 16.10.0 - C:\\Program Files\\nodejs\\node.EXE\r\n Yarn: 1.22.17 - ~\\AppData\\Roaming\\npm\\yarn.CMD\r\n npm: 7.24.0 - C:\\Program Files\\nodejs\\npm.CMD\r\nBrowsers:\r\n Edge: Spartan (44.19041.1266.0), Chromium (103.0.1264.62)\r\n Internet Explorer: 11.0.19041.1566\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.",[3231],{"name":3157,"color":3158},1102,"Inconsistency of code block style in mobile","2023-01-21T14:28:56Z","https://github.com/vuejs/vitepress/issues/1102",0.6684675,["Reactive",3238],{},["Set"],["ShallowReactive",3241],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fOqPS3aaCseivoKSI80RN2ZvMjma1nVi-zBLncGjt5xY":-1},"/vuejs/vitepress/4729"]