\n\n### Reproduction\n\nnone\n\n### Expected behavior\n\nThe text inside the Badge component should not wrap and should remain on the same line to avoid disrupting the table layout.\n\n### System Info\n\n```Text\nnone\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.",[2856],{"name":2857,"color":2858},"bug: pending triage","e99695",4764,"vuejs","vitepress","open","Badge component unexpectedly breaks line in tables with long text","2025-05-27T08:28:39Z","https://github.com/vuejs/vitepress/issues/4764",0.7117926,{"description":2868,"labels":2869,"number":2873,"owner":2860,"repository":2861,"state":2874,"title":2875,"updated_at":2876,"url":2877,"score":2878},"### Describe the bug\n\nIf i use backticks (`) within a table in Markdown, it can cause issues with the rendering of the table.\r\n\r\n\r\n\r\nMy Real markdown is \r\n\r\n\r\n\r\n\n\n### Reproduction\n\n[1.0.0-rc.36](https://github.com/vuejs/vitepress/compare/v1.0.0-rc.35...v1.0.0-rc.36) (2024-1-8)\n\n### Expected behavior\n\nHopefully this issue will be resolved soon\n\n### System Info\n\n```Text\n❯ npx envinfo --system --npmPackages vitepress --binaries --browsers\r\nNeed to install the following packages:\r\nenvinfo@7.11.0\r\nOk to proceed? (y)\r\n\r\n System:\r\n OS: Windows 11 10.0.22631\r\n CPU: (24) x64 AMD Ryzen 9 5900X 12-Core Processor\r\n Memory: 60.85 GB / 95.92 GB\r\n Binaries:\r\n Node: 20.9.0 - ~\\AppData\\Local\\Volta\\tools\\image\\node\\20.9.0\\node.EXE\r\n npm: 10.2.5 - ~\\AppData\\Local\\Volta\\tools\\image\\npm\\10.2.5\\bin\\npm.CMD\r\n pnpm: 8.10.5 - C:\\Program Files\\Volta\\pnpm.EXE\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.36 => 1.0.0-rc.36\n```\n\n\n### Additional context\n\nno\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.",[2870],{"name":2871,"color":2872},"need more info","bdbefc",3438,"closed","If i use backticks (`) within a table in Markdown, it can cause issues with the rendering of the table.","2024-01-20T00:04:39Z","https://github.com/vuejs/vitepress/issues/3438",0.6818796,{"description":2880,"labels":2881,"number":2882,"owner":2860,"repository":2861,"state":2874,"title":2883,"updated_at":2884,"url":2885,"score":2886},"### Describe the bug\n\ncontent 部分没有 overflow:hidden 导致很长的滚动条(也有可能是我的图片太大?)\r\n\r\n[github here](https://github.com/Mt-Youya/DeepLearning-500-questions)\r\n\r\n[site here](https://deeplearning-500-questions.pages.dev/zh-cn/ch02_%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0%E5%9F%BA%E7%A1%80/%E7%AC%AC%E4%BA%8C%E7%AB%A0_%E6%9C%BA%E5%99%A8%E5%AD%A6%E4%B9%A0%E5%9F%BA%E7%A1%80.html)\n\n### Reproduction\n\n我fork 别人的仓库,不是我自己写的, 它原本用的是 docsify 我想提个pr用vitepress 试试,然后就出现了这个bug\n\n### Expected behavior\n\n没有滚动条\n\n### System Info\n\n```Text\nVersion 122.0.6261.112 (Official Build) (64-bit)\r\nwin11\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.",[],3644,"CSS bug","2024-03-19T00:07:30Z","https://github.com/vuejs/vitepress/issues/3644",0.69062483,{"description":2888,"labels":2889,"number":2891,"owner":2860,"repository":2861,"state":2874,"title":2892,"updated_at":2893,"url":2894,"score":2895},"### 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.",[2890],{"name":2857,"color":2858},362,"Strange symbols appear","2023-01-21T16:22:12Z","https://github.com/vuejs/vitepress/issues/362",0.6931798,{"description":2897,"labels":2898,"number":2899,"owner":2860,"repository":2861,"state":2874,"title":2900,"updated_at":2901,"url":2902,"score":2903},"### Describe the bug\n\n在我编写一个.md文件时我是这么写的:\r\n\r\n```\r\n\u003Cimg alt=\"GitHub License\" src=\"https://img.shields.io/github/license/NoNameGMM/SignInForMiraiMC?style=flat&label=License\r\n\"/>\r\n\u003Cimg alt=\"Minecraft Version\" src=\"https://img.shields.io/badge/Minecraft-1.8--1.20-blue?style=flat&color=green\"/>\r\n\u003Cimg alt=\"GitHub Release\" src=\"https://img.shields.io/github/v/release/NoNameGMM/SignInForMiraiMC?style=flat&label=Release\"/>\r\n```\r\n\r\n正常来说应该是这样:\r\n\u003Cimg width=\"249\" alt=\"photo1\" src=\"https://github.com/vuejs/vitepress/assets/109721871/d5c41be5-f3df-43f7-bd88-a2f12a11490f\">\r\n\r\n可是vitepress的效果是:\r\n\u003Cimg width=\"107\" alt=\"屏幕截图 2024-03-03 200157\" src=\"https://github.com/vuejs/vitepress/assets/109721871/a5b20517-2e3f-4fb0-9390-1f06cdbbebd6\">\r\n\r\n\r\n\n\n### Reproduction\n\n同上\n\n### Expected behavior\n\n我想要实现正常markdown的效果\n\n### System Info\n\n```Text\nSystem:\r\n OS: Windows 11 10.0.22631\r\n CPU: (16) x64 AMD Ryzen 7 5800H with Radeon Graphics\r\n Memory: 1.68 GB / 13.86 GB\r\n Binaries:\r\n Node: 20.10.0 - C:\\Program Files\\nodejs\\node.EXE\r\n Yarn: 1.22.21 - ~\\AppData\\Roaming\\npm\\yarn.CMD\r\n npm: 10.2.3 - C:\\Program Files\\nodejs\\npm.CMD\r\n pnpm: 8.15.4 - ~\\AppData\\Roaming\\npm\\pnpm.CMD\r\n Browsers:\r\n Edge: Chromium (122.0.2365.59)\r\n Internet Explorer: 11.0.22621.1\r\n npmPackages:\r\n vitepress: ^1.0.0-rc.44 => 1.0.0-rc.44\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.",[],3631,"使用shields.io徽标时图片自动换行","2024-03-11T00:04:39Z","https://github.com/vuejs/vitepress/issues/3631",0.6939172,{"description":2905,"labels":2906,"number":2908,"owner":2860,"repository":2861,"state":2874,"title":2909,"updated_at":2910,"url":2911,"score":2912},"### Describe the bug\n\nHover state on link in `.vp-doc` is always matched, seems `:hover` is being truncated.\r\n\r\n\r\nCopy button in code block is also messed up.\r\n\r\n\r\n\r\nTable style messed up as well.\r\n\r\nI guess there's a lot more...\n\n### Reproduction\n\nIn `config.ts`:\r\n```ts\r\nexport default defineConfig({\r\n vite: {\r\n css: {\r\n postcss: {\r\n plugins: [\r\n postcssIsolateStyles({\r\n includeFiles: [/vp-doc\\.css/]\r\n }),\r\n ],\r\n },\r\n }\r\n})\r\n```\r\n\r\nI would write one if required, but since my above example is pretty easy to reproduce, I'll leave it blank here.\n\n### Expected behavior\n\nStyle not messed up\r\n\r\n (NOTE: it's working properly if I use `postcss-prefix-selector` straight away instead of using the one from vitepress package)\n\n### System Info\n\n```sh\nSystem:\r\n OS: Windows 10 10.0.19045\r\n CPU: (16) x64 11th Gen Intel(R) Core(TM) i9-11900K @ 3.50GHz\r\n Memory: 38.35 GB / 63.84 GB\r\n Binaries:\r\n Node: 18.16.0 - C:\\NodeJS\\node.EXE\r\n Yarn: 1.22.19 - C:\\NodeJS\\yarn.CMD\r\n npm: 9.8.1 - C:\\NodeJS\\npm.CMD\r\n pnpm: 8.7.0 - C:\\NodeJS\\pnpm.CMD\r\n Browsers:\r\n Edge: Spartan (44.19041.1266.0), Chromium (116.0.1938.62)\r\n Internet Explorer: 11.0.19041.1566\r\n npmPackages:\r\n vitepress: ^1.0.0-rc.9 => 1.0.0-rc.9\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.",[2907],{"name":2857,"color":2858},2868,"`postcssIsolateStyles` mess up original styles","2023-09-05T00:04:08Z","https://github.com/vuejs/vitepress/issues/2868",0.7017782,{"description":2914,"labels":2915,"number":2919,"owner":2860,"repository":2861,"state":2874,"title":2920,"updated_at":2921,"url":2922,"score":2923},"### Describe the bug\n\n当没有sidebar,有footer和outline时,滚动轴在底部,outline将会显示异常\n\n### Reproduction\n\n\r\n\n\n### Expected behavior\n\n修复outline显示异常,固定在原位不动\n\n### System Info\n\n```shell\nSystem:\r\n OS: Windows 10 10.0.22000\r\n CPU: (8) x64 11th Gen Intel(R) Core(TM) i7-1165G7 @ 2.80GHz\r\n Memory: 8.82 GB / 15.69 GB\r\n Binaries:\r\n Node: 16.17.0 - D:\\developer_tools\\nodejs\\node.EXE\r\n npm: 8.19.1 - D:\\developer_tools\\nodejs\\npm.CMD\r\n Browsers:\r\n Edge: Spartan (44.22000.120.0)\r\n Internet Explorer: 11.0.22000.120\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.",[2916],{"name":2917,"color":2918},"theme","0754FB",1464,"outline显示异常","2023-01-21T14:22:49Z","https://github.com/vuejs/vitepress/issues/1464",0.7085008,{"description":2925,"labels":2926,"number":2928,"owner":2860,"repository":2861,"state":2874,"title":2929,"updated_at":2930,"url":2931,"score":2932},"### Describe the bug\n\nIt occur unexpected css style when I use doc theme,just CSS pollution cause the label selector `.vp-doc table`.\r\n\r\n\n\n### Reproduction\n\n```txt\r\n---\r\nlayout: doc\r\n---\r\n\r\n\u003Cscript setup>\r\n\r\nimport {ElTable} from 'element-plus'\r\n\u003Cscript>\r\n\r\n\u003Cel-table>\u003C/el-table>\r\n\r\n```\r\n`el-table` style is unexpected because `.vp-doc table` `.vp-doc td` `.vp-doc tr` selectors.\n\n### Expected behavior\n\n`el-table` or other html tags have browser's default style in doc theme.\n\n### System Info\n\n```Text\nSystem:\r\n OS: Windows 10 10.0.22621\r\n CPU: (20) x64 12th Gen Intel(R) Core(TM) i7-12700H\r\n Memory: 1.49 GB / 15.73 GB\r\n Binaries:\r\n Node: 18.15.0 - D:\\Program Files (x86)\\node\\18\\node.EXE\r\n Yarn: 1.22.19 - D:\\Program Files (x86)\\node\\18\\yarn.CMD\r\n npm: 9.5.0 - D:\\Program Files (x86)\\node\\18\\npm.CMD\r\n pnpm: 8.6.8 - D:\\Program Files (x86)\\node\\18\\pnpm.CMD\r\n Browsers:\r\n Edge: Spartan (44.22621.2283.0), Chromium (114.0.1823.67)\r\n Internet Explorer: 11.0.22621.1\r\n npmPackages:\r\n vitepress: ^1.0.0-rc.13 => 1.0.0-rc.13\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.",[2927],{"name":2857,"color":2858},3077,"unexpected css style","2023-10-25T00:05:22Z","https://github.com/vuejs/vitepress/issues/3077",0.7120932,{"description":2934,"labels":2935,"number":2937,"owner":2860,"repository":2861,"state":2874,"title":2938,"updated_at":2939,"url":2940,"score":2941},"### Describe the bug\n\n\u003Cimg width=\"606\" alt=\"image\" src=\"https://user-images.githubusercontent.com/38745323/183691344-07a0abfb-b01a-4d79-86c8-1b22fb5fc957.png\">\r\n\r\n\u003Cimg width=\"1227\" alt=\"image\" src=\"https://user-images.githubusercontent.com/38745323/183691940-a9caf108-f3d1-4569-8f77-4c1486ee4fa4.png\">\r\n\n\n### Reproduction\n\nWhen I custom the max-width use --vp-layout-max-width: 1680px;\r\n\r\nThen style of sidebar is ugly when I resize the window.\n\n### Expected behavior\n\nThe title of the header and the sidebar are always aligned.\n\n### System Info\n\n```shell\nSystem:\r\n OS: macOS 12.4\r\n CPU: (10) arm64 Apple M1 Max\r\n Memory: 1.91 GB / 64.00 GB\r\n Shell: 5.8.1 - /bin/zsh\r\n Binaries:\r\n Node: 14.18.1 - ~/.nvm/versions/node/v14.18.1/bin/node\r\n Yarn: 1.22.18 - /opt/homebrew/bin/yarn\r\n npm: 6.14.15 - ~/.nvm/versions/node/v14.18.1/bin/npm\r\n Browsers:\r\n Chrome: 104.0.5112.79\r\n Firefox: 101.0\r\n Safari: 15.5\r\n npmPackages:\r\n vitepress: ^1.0.0-alpha.4 => 1.0.0-alpha.4\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.",[2936],{"name":2871,"color":2872},1147,"Style error when custom max-width","2023-01-21T14:20:45Z","https://github.com/vuejs/vitepress/issues/1147",0.71212506,{"description":2943,"labels":2944,"number":2946,"owner":2860,"repository":2861,"state":2874,"title":2947,"updated_at":2948,"url":2949,"score":2950},"### Describe the bug\n\n1. 组件中 style scoped 使用了 bootstrap,某些 class 样式出不来,比如下面 `rounded`;\r\n\r\n\r\n2. 如果在 vue 组件的 script 导入 bootstrap,则会影响默认主题的样式,比如下面标题\r\n\r\n\r\n3. 不管是使用 slots 还是使用全局注册组件,都是一样的问题;\n\n### Reproduction\n\n默认主题结合 bootstrap 很容易重现。\n\n### Expected behavior\n\n我希望在 vitepress 的组件中使用 bootstrap 快速开发。\n\n### System Info\n\n```sh\nSystem:\r\n OS: Linux 5.15 Ubuntu 22.04.1 LTS 22.04.1 LTS (Jammy Jellyfish)\r\n CPU: (8) x64 Intel(R) Core(TM) i7-8650U CPU @ 1.90GHz\r\n Memory: 4.30 GB / 7.72 GB\r\n Container: Yes\r\n Shell: 5.1.16 - /bin/bash\r\n Binaries:\r\n Node: 19.5.0 - ~/.nvm/versions/node/v19.5.0/bin/node\r\n npm: 9.6.4 - ~/.nvm/versions/node/v19.5.0/bin/npm\r\n pnpm: 8.6.9 - ~/.local/share/pnpm/pnpm\r\n npmPackages:\r\n vitepress: 1.0.0-beta.6 => 1.0.0-beta.6\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.",[2945],{"name":2917,"color":2918},2683,"默认主题添加组件使用 bootstrap 样式没有预期","2023-08-18T00:04:15Z","https://github.com/vuejs/vitepress/issues/2683",0.7148841,["Reactive",2952],{},["Set"],["ShallowReactive",2955],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fjxMYaJbGk1XRbxQTTCa8XdWjwsdDOdOM7hb3BY7J2Tw":-1},"/vuejs/vitepress/1402"]