\r\n```\r\n\r\nThis looks related:\r\nhttps://github.com/vuejs/core/issues/6435\r\n\r\nBut I did the [workaround](https://play.vuejs.org/#__SSR__eNpNjz8LgzAQxb/KkSUKoru1hdKlQ7t1qx1Ke6JgTEhOESTfvfmjxRvC5d27H+8WdlYqn0ZkJasIherfhKd6AKi+3RQa115GQ1I8cCYoyb3HmnFCQ7xmUER3Ee1VsYNU5qM7RWCQRuX+nVBSE+xojZYCeF5cpAgpuCfErRPL2Cb7cKv6pyzQgl0BcRPnMPhi8x57Z/C5lJbKlE+Xdib+yrwU0iRhkEYTgHaaHiBJ4bjeDNAm3N3Es83jqxsG1NfH/VZGcu65gerLpgffWifY/SH2B6Tydgw=) suggested but it made no difference. It's like `excerpt` is not getting loaded\r\n\r\n### Reproduction\r\n\r\nEasily seen here:\r\nhttps://deploy-preview-2--vitepress-blog.netlify.app/blog/\r\n\r\nGo to it and then reload the page and you'll see the hydration mismatch\r\n\r\nhttps://github.com/jcamp-code/vitepress-blog-theme\r\n\r\nClone it\r\n\r\n```pnpm serve```\r\n\r\nGo to: \r\nhttp://localhost:4173/blog/\r\n\r\nLoaded directly, you'll see the excerpts are missing. If you go to another page and come back it displays correctly.\r\n\r\n### Expected behavior\r\n\r\nCorrect display of page upon hydration\r\n\r\n### System Info\r\n\r\n```shell\r\nSystem:\r\n OS: macOS 13.3.1\r\n CPU: (12) arm64 Apple M2 Pro\r\n Memory: 94.23 MB / 16.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 18.14.1 - /usr/local/bin/node\r\n npm: 9.5.0 - /usr/local/bin/npm\r\n Browsers:\r\n Chrome: 112.0.5615.137\r\n Firefox: 111.0.1\r\n Safari: 16.4\r\n npmPackages:\r\n vitepress: 1.0.0-alpha.74 => 1.0.0-alpha.74\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.dev).\r\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[2885],{"name":2874,"color":2875},2293,"bug: hydration mismatch","2023-05-04T00:04:02Z","https://github.com/vuejs/vitepress/issues/2293",0.61867493,{"description":2892,"labels":2893,"number":930,"owner":2863,"repository":2864,"state":2877,"title":2895,"updated_at":2896,"url":2897,"score":2898},"### Describe the bug\r\n\r\nWhen using `onBeforeMount` to update some data there is a hydration mismatch but when using `onMounted` it works fine.\r\n\r\n\r\n### Reproduction\r\n\r\n1. add something like this to layout\r\n```vue\r\n\u003Cscript setup>\r\n import { ref, onBeforeMount } from 'vue';\r\n const num = ref(1);\r\n onBeforeMount(() => {\r\n num.value = 2;\r\n })\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n num is {{ num }}\r\n \u003C/div>\r\n\u003C/template>\r\n```\r\n2. `build` (on `dev` it works)\r\n3. see the error `Hydration completed but contains mismatches.`\r\n\r\n### Expected behavior\r\n\r\nHydration should work.\r\n\r\n### System Info\r\n\r\n```shell\r\nSystem:\r\n OS: Linux 5.4 Alpine Linux\r\n CPU: (6) x64 Intel(R) Core(TM) i5-8400 CPU @ 2.80GHz\r\n Memory: 1.05 GB / 5.80 GB\r\n Container: Yes\r\n Shell: 1.32.1 - /bin/ash\r\n Binaries:\r\n Node: 16.8.0 - /usr/local/bin/node\r\n npm: 7.21.0 - /usr/local/bin/npm\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.",[2894],{"name":2874,"color":2875},"Hydration completed but contains mismatches. when using onBeforeMount","2023-01-21T16:20:28Z","https://github.com/vuejs/vitepress/issues/390",0.6187214,{"description":2900,"labels":2901,"number":2903,"owner":2863,"repository":2864,"state":2877,"title":2904,"updated_at":2905,"url":2906,"score":2907},"### Describe the bug\n\nThe browser console prints Hydration completed but contains mismatches when deploying the site using Github pages. And the page switch does not work as expected.\r\n\r\n\u003Cimg width=\"404\" alt=\"image\" src=\"https://user-images.githubusercontent.com/25716486/183507530-a390b50c-49e1-4349-a5ba-e1add6883280.png\">\r\n\u003Cimg width=\"1015\" alt=\"image\" src=\"https://user-images.githubusercontent.com/25716486/183507583-86f736b4-7954-40e1-a5aa-a89298d68c72.png\">\r\n\n\n### Reproduction\n\nHere is a reproduced repo: https://github.com/Corona-Studio/CSKB_Hosting\n\n### Expected behavior\n\nThe page switch buttons should work after a click.\n\n### System Info\n\n```shell\nSystem:\r\n OS: Windows 10 10.0.22000\r\n CPU: (16) x64 11th Gen Intel(R) Core(TM) i7-11800H @ 2.30GHz\r\n Memory: 13.26 GB / 31.82 GB\r\n Binaries:\r\n Node: 18.4.0 - C:\\Program Files\\nodejs\\node.EXE\r\n Yarn: 1.22.19 - ~\\node_modules\\.bin\\yarn.CMD\r\n npm: 8.13.1 - C:\\Program Files\\nodejs\\npm.CMD\r\n Browsers:\r\n Edge: Spartan (44.22000.120.0), Chromium (104.0.1293.47)\r\n Internet Explorer: 11.0.22000.120\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.",[2902],{"name":2874,"color":2875},1143,"Hydration completed but contains mismatches when using Github pages","2023-01-21T14:28:46Z","https://github.com/vuejs/vitepress/issues/1143",0.62939686,{"description":2909,"labels":2910,"number":2912,"owner":2863,"repository":2864,"state":2877,"title":2913,"updated_at":2914,"url":2915,"score":2916},"### Describe the bug\r\n\r\nWhen I add some url params `?a=1&b=2` after the page's URL, the console log an error `Hydration completed but contains mismatches.` and the page rendering is incorrect\r\n\r\n### Reproduction\r\n\r\n1. Clone from `https://github.com/GlobeMC/crashmc.com`\r\n2. `pnpm run docs:build && pnpm run docs:preview`\r\n3. Access \u003Chttp://localhost:4173/client/system.html> and \u003Chttp://localhost:4173/client/system.html?someparam=somevalue>\r\n4. The page without param will works well, but the page with the URL param will somehow mixed with the home page's content\r\n\r\n### Expected behavior\r\n\r\nThe two pages should looks exactly same.\r\n\r\n### System Info\r\n\r\n```Text\r\nSystem:\r\n OS: macOS 14.1.1\r\n CPU: (8) arm64 Apple M1 Pro\r\n Memory: 149.67 MB / 16.00 GB\r\n Shell: 3.2.57 - /bin/bash\r\n Binaries:\r\n Node: 21.4.0 - /opt/homebrew/bin/node\r\n Yarn: 1.22.19 - /opt/homebrew/bin/yarn\r\n npm: 10.3.0 - /opt/homebrew/bin/npm\r\n pnpm: 8.6.12 - /opt/homebrew/bin/pnpm\r\n Browsers:\r\n Chrome: 120.0.6099.216\r\n npmPackages:\r\n vitepress: 1.0.0-rc.39 => 1.0.0-rc.39\r\n```\r\n\r\n\r\n### Additional context\r\n\r\nI am not sure if it is a vitepress route issue or if it's a pwa route issue, I tried made an example without pwa but it don't have problem\r\n\r\nA live example can be \u003Chttps://beta.crashmc.com/analyzer.html> and \u003Chttps://beta.crashmc.com/analyzer.html?>\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.",[2911],{"name":2874,"color":2875},3469,"\"Hydration completed but contains mismatches\" when path contains URL params","2024-01-26T00:04:26Z","https://github.com/vuejs/vitepress/issues/3469",0.6417139,{"description":2918,"labels":2919,"number":2921,"owner":2863,"repository":2864,"state":2877,"title":2922,"updated_at":2923,"url":2924,"score":2925},"### Describe the bug\r\n\r\nFor example the page https://blog.jaggerwang.net/basicai-annotation-specification/ cannot access directly, but it's ok when add `index.html` suffix, and other pages did not have this problem, such as https://blog.jaggerwang.net/basicai-technical-architecture/ . So it seems related to the content of page?\r\n\r\n\u003Cimg width=\"1512\" alt=\"image\" src=\"https://github.com/vuejs/vitepress/assets/1255011/3a69f282-d002-4194-b7ca-3b3075616883\">\r\n\r\nIt's ok when running in local dev and preview mode, and there is no error showing in the browser console or terminal console.\r\n\r\n\u003Cimg width=\"1512\" alt=\"image\" src=\"https://github.com/vuejs/vitepress/assets/1255011/82b87b50-f21a-430e-bb4e-893eb3bf9c52\">\r\n\r\n### Reproduction\r\n\r\nProject structure:\r\n\r\n\u003Cimg width=\"1624\" alt=\"image\" src=\"https://github.com/vuejs/vitepress/assets/1255011/d3f2d9e0-5dc8-4344-9674-61433c5a8322\">\r\n\r\nAliyun OSS config:\r\n\r\n\u003Cimg width=\"1306\" alt=\"image\" src=\"https://github.com/vuejs/vitepress/assets/1255011/d30acd18-d20c-44f2-a872-61bd981d0bcb\">\r\n\r\nBuid with GitHub actions, but the html is same with local build.\r\n\r\n\u003Cimg width=\"1624\" alt=\"image\" src=\"https://github.com/vuejs/vitepress/assets/1255011/f57bef3c-2d76-47c4-b18a-4b4a7b696771\">\r\n\r\n### Expected behavior\r\n\r\nNo error.\r\n\r\n### System Info\r\n\r\n```Text\r\nAliyun OSS\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.",[2920],{"name":2874,"color":2875},3322,"Refresh some pages with error \"Hydration completed but contains mismatches.\" when deployed on Aliyun OSS.","2023-12-21T00:04:35Z","https://github.com/vuejs/vitepress/issues/3322",0.6502976,{"description":2927,"labels":2928,"number":2930,"owner":2863,"repository":2864,"state":2877,"title":2931,"updated_at":2932,"url":2933,"score":2934},"### Describe the bug\n\nAdding [[toc]] to the docs results in `Hydration completed but contains mismatches.` error in the browser.\n\n### Reproduction\n\n1. Create doc with [[toc]]\r\n```\r\n[[toc]]\r\n\r\n## test\r\n\r\ntest\r\n```\r\n2. Run `vitepress build docs`\r\n3. Run `vitepress serve docs`\r\n4. Open docs in the browser and refresh page\n\n### Expected behavior\n\nUsing toc shouldn't result in hydration mismatch\n\n### System Info\n\n```shell\nSystem:\r\n OS: Windows 10 10.0.19044\r\n CPU: (24) x64 AMD Ryzen 9 3900X 12-Core Processor\r\n Memory: 20.34 GB / 31.95 GB\r\n Binaries:\r\n Node: 14.18.3 - D:\\nodejs\\node.EXE\r\n Yarn: 1.22.17 - ~\\AppData\\Roaming\\npm\\yarn.CMD\r\n npm: 6.14.15 - D:\\nodejs\\npm.CMD\r\n Browsers:\r\n Chrome: 105.0.5195.102\r\n Edge: Spartan (44.19041.1266.0), Chromium (105.0.1343.27)\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.",[2929],{"name":2857,"color":2858},1313,"Using [[toc]] causes hydration mismatch","2023-01-21T14:25:34Z","https://github.com/vuejs/vitepress/issues/1313",0.65226233,{"description":2936,"labels":2937,"number":2939,"owner":2863,"repository":2864,"state":2877,"title":2940,"updated_at":2941,"url":2942,"score":2943},"### Describe the bug\n\nAfter adding formkit to your vitepress project you get hydration errors\n\n### Reproduction\n\n1. Add formkit:\r\n```\r\nnpm install @formkit/vue\r\n````\r\n2. Set it up:\r\n```js\r\n// .vitepress/theme/index.js\r\nimport DefaultTheme from \"vitepress/theme\";\r\nimport \"./custom.scss\";\r\nimport { plugin, defaultConfig } from \"@formkit/vue\";\r\n\r\nexport default {\r\n\t...DefaultTheme,\r\n\tenhanceApp({ app }) {\r\n\t\t// formkit\r\n\t\tapp.use(\r\n\t\t\tplugin,\r\n\t\t\tdefaultConfig({\r\n\t\t\t\ttheme: \"genesis\",\r\n\t\t\t})\r\n\t\t);\r\n\t},\r\n};\r\n```\r\n3. build your project:\r\n```\r\nnpm run docs:build\r\n```\r\n\r\nYou don't even have to use formkit anywhere to get \"Hydration completed but contains mismatches\" error. However, error is not about formkit as you might expect, as formkit works correctly. So far the only components I've seen being broken by adding formkit seems to be Badge component as it doesn't show up. Removing formkt from .vitepress/theme/index.js restores badges.\r\n\n\n### Expected behavior\n\nNo hydration error after adding formkit and using badges\n\n### System Info\n\n```shell\nNeed to install the following packages:\r\n envinfo@7.8.1\r\nOk to proceed? (y) \r\n System:\r\n OS: Windows 10 10.0.19044\r\n CPU: (12) x64 Intel(R) Core(TM) i7-8700 CPU @ 3.20GHz\r\n Memory: 5.26 GB / 15.80 GB\r\n Binaries:\r\n Node: 16.16.0 - C:\\Program Files\\nodejs\\node.EXE\r\n Yarn: 1.22.11 - ~\\AppData\\Roaming\\npm\\yarn.CMD\r\n npm: 9.1.3 - C:\\Program Files\\nodejs\\npm.CMD\r\n Browsers:\r\n Edge: Spartan (44.19041.1266.0), Chromium (108.0.1462.46)\r\n Internet Explorer: 11.0.19041.1566\r\n npmPackages:\r\n vitepress: ^1.0.0-alpha.29 => 1.0.0-alpha.32\n```\n\n\n### Additional context\n\nContrary to envinfo report tested in Firefox 108.0.1 \r\n\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.",[2938],{"name":2874,"color":2875},1711,"Hydration completed but contains mismatches after adding formkit. Breaks Badges","2023-01-21T14:17:09Z","https://github.com/vuejs/vitepress/issues/1711",0.6775568,{"description":2945,"labels":2946,"number":2947,"owner":2863,"repository":2864,"state":2877,"title":2948,"updated_at":2949,"url":2950,"score":2951},"### Describe the bug\r\n\r\nWhen working on fakerjs's Vitepress docs we noticed that all content entered after the last header on a page would be removed. I noticed the same behavior within Vitepress's own docs. \r\n\r\nWe opened up the console and saw there was a hydration mismatch. At first, we thought the issue was that we were using a `[[toc]]` element at the top of our document https://github.com/vuejs/vitepress/issues/388 but that was not the case.\r\n\r\nAfter we removed the TOC, there was no change and all content after the last `### tag` header would still be removed when refreshing the page.\r\n\r\n### Reproduction\r\n\r\nVisit https://vitepress.vuejs.org/guide/markdown.html#advanced-configuration and see that all content underneath the \"Advanced Configuration\" header does not exist.\r\n\r\n### Expected behavior\r\n\r\nAll content should render with no hydration mismatch.\r\n\r\n### System Info\r\n\r\n```shell\r\nSystem:\r\n OS: macOS 11.4\r\n CPU: (16) x64 Intel(R) Core(TM) i9-9880H CPU @ 2.30GHz\r\n Memory: 393.57 MB / 32.00 GB\r\n Shell: 5.8 - /bin/zsh\r\n Binaries:\r\n Node: 14.17.0 - ~/.nvm/versions/node/v14.17.0/bin/node\r\n Yarn: 1.22.10 - /usr/local/bin/yarn\r\n npm: 6.14.13 - ~/.nvm/versions/node/v14.17.0/bin/npm\r\n Browsers:\r\n Chrome Canary: 100.0.4868.0\r\n Firefox: 95.0\r\n Safari: 14.1.1\r\n npmPackages:\r\n vitepress: ^0.21.6 => 0.21.6\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.",[],521,"Vitepress's own docs have hydration mismatch and the last header's content in a section is not rendered","2023-01-21T14:34:01Z","https://github.com/vuejs/vitepress/issues/521",0.67873937,["Reactive",2953],{},["Set"],["ShallowReactive",2956],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fNS1FfQUtaRC5nSXvStX-GS4iLr11NMC7XjyGMO0-1ho":-1},"/vuejs/vitepress/1627"]