\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.",[2895],{"name":2874,"color":2875},2293,"bug: hydration mismatch","2023-05-04T00:04:02Z","https://github.com/vuejs/vitepress/issues/2293",0.60390884,{"description":2902,"labels":2903,"number":2905,"owner":2863,"repository":2864,"state":2887,"title":2906,"updated_at":2907,"url":2908,"score":2909},"### Describe the bug\n\nIf I go to my project home and click on the link to a post, I am able to access the post. If I go to a direct link to a post, or I refresh my page while on a post I will get the \"Hydration completed but contains mismatches\" in the console and the page goes blank.\n\n### Reproduction\n\nI have included the source code at https://github.com/ak-tr/blog.akif.kr/tree/main\r\nThe website is also deployed to Firebase Hosting at https://blog.akif.kr\r\n\r\nTo reproduce, go to https://blog.akif.kr, and click on the first (and only) post. There are no issues. Now refresh, and you will get the said error.\n\n### Expected behavior\n\nPost loads on refresh or on when accessed directly.\n\n### System Info\n\n```Text\nSystem:\r\n OS: macOS 14.0\r\n CPU: (8) arm64 Apple M1 Pro\r\n Memory: 126.19 MB / 16.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 20.5.0 - ~/.nvm/versions/node/v20.5.0/bin/node\r\n npm: 9.8.0 - ~/.nvm/versions/node/v20.5.0/bin/npm\r\n Browsers:\r\n Chrome: 121.0.6167.160\r\n Safari: 17.0\r\n npmPackages:\r\n vitepress: ^1.0.0-rc.40 => 1.0.0-rc.42\n```\n\n\n### Additional context\n\nI do use Cloudflare and have disabled minification for all files on that domain. I have purged all the cache and it has been over 18 hours since I made the change so even if the purge didn't work for whatever reason, I assume the cache would've died by now.\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.",[2904],{"name":2874,"color":2875},3562,"Hydration completed but contains mismatches","2024-02-16T00:04:28Z","https://github.com/vuejs/vitepress/issues/3562",0.6059692,{"description":2911,"labels":2912,"number":2914,"owner":2863,"repository":2864,"state":2887,"title":2915,"updated_at":2916,"url":2917,"score":2918},"### 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.",[2913],{"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.6218329,{"description":2920,"labels":2921,"number":2922,"owner":2863,"repository":2864,"state":2887,"title":2906,"updated_at":2923,"url":2924,"score":2925},"### Describe the bug\n\nIt will report errors in production\r\n\r\n\r\napp.b77605b4.js:1 Hydration completed but contains mismatches\n\n### Reproduction\n\n*\n\n### Expected behavior\n\nIt will report errors in production\r\n\r\n\r\napp.b77605b4.js:1 Hydration completed but contains mismatches\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.",[],1627,"2023-01-21T16:04:00Z","https://github.com/vuejs/vitepress/issues/1627",0.63495475,{"description":2927,"labels":2928,"number":930,"owner":2863,"repository":2864,"state":2887,"title":2930,"updated_at":2931,"url":2932,"score":2933},"### 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.",[2929],{"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.6581264,{"description":2935,"labels":2936,"number":2938,"owner":2863,"repository":2864,"state":2887,"title":2939,"updated_at":2940,"url":2941,"score":2942},"### 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.",[2937],{"name":2857,"color":2858},1313,"Using [[toc]] causes hydration mismatch","2023-01-21T14:25:34Z","https://github.com/vuejs/vitepress/issues/1313",0.6784106,{"description":2944,"labels":2945,"number":2946,"owner":2863,"repository":2864,"state":2887,"title":2947,"updated_at":2948,"url":2949,"score":2950},"### 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.6853435,["Reactive",2952],{},["Set"],["ShallowReactive",2955],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fE6sciL6VggZ2SBWdfb12j-kK2vCoBvj5yUy5QRIuv4c":-1},"/vuejs/vitepress/3469"]