如图,我在代码里修改标题为Demo3333 浏览器发起了热重载请求,但是页面不会自动更新\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.",[2916],{"name":2895,"color":2896},4690,"热更新失效","2025-04-15T06:05:35Z","https://github.com/vuejs/vitepress/issues/4690",0.76391023,{"description":2923,"labels":2924,"number":2925,"owner":2871,"repository":2872,"state":2886,"title":2926,"updated_at":2927,"url":2928,"score":2929},"### Is your feature request related to a problem? Please describe.\n\nCurrently, when changing languages, the navbar links stay the same.\n\n### Describe the solution you'd like\n\nNavbar should have links based on the languages selected.\n\n### Describe alternatives you've considered\n\n_No response_\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] Read the [Contributing Guidelines](https://github.com/vuejs/vitepress/blob/main/.github/contributing.md).\n- [X] Check that there isn't already an issue that asks for the same feature to avoid creating a duplicate.",[],1089,"Navbar for i18n","2023-01-21T14:28:59Z","https://github.com/vuejs/vitepress/issues/1089",0.7645759,{"description":2931,"labels":2932,"number":2936,"owner":2871,"repository":2872,"state":2886,"title":2937,"updated_at":2938,"url":2939,"score":2940},"### Describe the bug\r\n\r\nI'm getting some errors when running `pnpm build`, I guess it's because I should somehow wrap this component causing the error in `\u003CClientOnly />`, but how should I find the exact cause from the error log? It does not provide any useful details (see below screenshot)\r\n\r\n---\r\n\r\nAnother question, as I guess my error is because of this:\r\nShould I wrap `watch()` inside `onMounted()`? or in another word, can I do it? I didn't find any corresponding example in Vue documentation... \r\nSorry if this is a dumb question, as I'm a react guy :(\r\n```vue\r\n\u003Cscript setup lang=\"ts\">\r\nimport { useLocalStorage } from '@vueuse/core';\r\nimport { watch } from 'vue';\r\n\r\nconst nfcapiEnvRef = useLocalStorage('vp-nfcapi-env', 'staging', {\r\n deep: false,\r\n listenToStorageChanges: true,\r\n writeDefaults: true\r\n});\r\n\r\nwatch(nfcapiEnvRef, (value, oldValue) => {\r\n const htmlDataSet = document.documentElement.dataset;\r\n oldValue && (htmlDataSet.nfcapiEnv = oldValue.toLowerCase());\r\n htmlDataSet.nfcapiEnv = value.toLowerCase();\r\n}, { immediate: true });\r\n\u003C/script>\r\n```\r\n\r\n---\r\n\r\nScreenshot of the error:\r\n\r\n\r\n\r\n\r\n\r\n### Reproduction\r\n\r\nThis is not a bug, but a question\r\n\r\n### Expected behavior\r\n\r\nN/A\r\n\r\n### System Info\r\n\r\n```sh\r\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: 30.87 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.0 - C:\\NodeJS\\npm.CMD\r\n pnpm: 8.6.7 - C:\\NodeJS\\pnpm.CMD\r\n Browsers:\r\n Edge: Spartan (44.19041.1266.0), Chromium (114.0.1823.82)\r\n Internet Explorer: 11.0.19041.1566\r\n npmPackages:\r\n vitepress: ^1.0.0-beta.5 => 1.0.0-beta.5\r\n```\r\n\r\n\r\n### Additional context\r\n\r\nN/A\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.",[2933],{"name":2934,"color":2935},"question","5D5FAE",2627,"How should I trace build error?","2023-07-24T00:04:51Z","https://github.com/vuejs/vitepress/issues/2627",0.7647205,{"description":2942,"labels":2943,"number":2947,"owner":2871,"repository":2872,"state":2886,"title":2948,"updated_at":2949,"url":2950,"score":2951},"### Describe the bug\n\n\r\n\r\nno Ctrl+Space autocomplete on anything in the `export default { ... }` block in `theme/index.ts`\r\n\r\n```ts\r\n// https://vitepress.dev/guide/custom-theme\r\nimport { h } from 'vue'\r\nimport Theme from 'vitepress/theme'\r\nimport './style.css'\r\n\r\nexport default {\r\n extends: Theme,\r\n Layout: () => {\r\n return h(Theme.Layout, null, {\r\n // https://vitepress.dev/guide/extending-default-theme#layout-slots\r\n })\r\n },\r\n enhanceApp({ app, router, siteData }) {\r\n // ...\r\n app.\r\n // ^ NO autocomplete here 😢\r\n }\r\n}\r\n```\n\n### Reproduction\n\nhttps://stackblitz.com/edit/vite-bjyf4o?file=.vitepress%2Ftheme%2Findex.ts\n\n### Expected behavior\n\n\r\n\n\n### System Info\n\n```Text\nSystem:\r\n OS: Linux 5.0 undefined\r\n CPU: (2) 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: 9.4.2 - /usr/local/bin/npm\r\n pnpm: 8.9.2 - /usr/local/bin/pnpm\r\n npmPackages:\r\n vitepress: ^1.0.0-rc.22 => 1.0.0-rc.22\n```\n\n\n### Additional context\n\ni think the solution is to add a `satisfies import('vitepress').Theme` or similar in the docs examples and in the `vitepress init` wizard\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.",[2944],{"name":2945,"color":2946},"contribution welcome","11E4B8",3116,"no autocomplete on enhanceApp() or other things in theme/index.ts export default","2023-10-30T00:04:37Z","https://github.com/vuejs/vitepress/issues/3116",0.76896507,{"description":2953,"labels":2954,"number":2955,"owner":2871,"repository":2872,"state":2886,"title":2956,"updated_at":2957,"url":2958,"score":2959},"### Is your feature request related to a problem? Please describe.\r\n\r\nI want to be able to write an error message inside my code block and make it look like it's an error.\r\n\r\nCurrently, it blends with the code:\r\n\r\n\r\n\r\n\r\n\r\n### Describe the solution you'd like\r\n\r\nI'm not sure if there's a known syntax for it, but I would like the option to \"highlight\" a row as an error row:\r\n\r\n```\r\n```typescript{2:error}\r\nclient.query(sql`\r\n SELECT idd FROM comments\r\n ~~~ \u003C\u003C\u003C\u003C Invalid Query: column \"idd\" does not exist\r\n`);\r\n\r\n ```.\r\n```\r\n\r\n\r\n\r\n\r\n### Describe alternatives you've considered\r\n\r\nHaven't found any\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.vuejs.org).\r\n- [X] Read the [Contributing Guidelines](https://github.com/vuejs/vitepress/blob/main/.github/contributing.md).\r\n- [X] Check that there isn't already an issue that asks for the same feature to avoid creating a duplicate.",[],1314,"Support error lines in code blocks","2023-01-21T14:22:59Z","https://github.com/vuejs/vitepress/issues/1314",0.7714136,{"description":2961,"labels":2962,"number":2966,"owner":2871,"repository":2872,"state":2886,"title":2967,"updated_at":2968,"url":2969,"score":2970},"### Describe the bug\n\nIf you use the VPTeamMembers component provided by vitepress you are forced to use an avatar with it.\r\nOtherwise the browser displays a missing image.\r\nIf you dont have an image of a person, you cannot use this component or have to design an own \"missing\" avatar icon.\r\n\n\n### Reproduction\n\nUse the VPTeamMembers component in any page and have an empty avatar attribute.\r\n\r\n```yml\r\n {\r\n avatar: '',\r\n name: 'Evan You',\r\n title: 'Creator',\r\n links: [\r\n { icon: 'github', link: 'https://github.com/yyx990803' },\r\n { icon: 'twitter', link: 'https://twitter.com/youyuxi' }\r\n ]\r\n }\r\n```\n\n### Expected behavior\n\nComponent should not rely on that avatar image.\r\n\n\n### System Info\n\n```shell\nSystem:\r\n OS: Windows 10 10.0.19044\r\n CPU: (32) x64 AMD Ryzen 9 3950X 16-Core Processor\r\n Memory: 106.32 GB / 127.91 GB\r\n Binaries:\r\n Node: 16.14.2 - C:\\Program Files\\nodejs\\node.EXE\r\n Yarn: 1.22.19 - ~\\AppData\\Roaming\\npm\\yarn.CMD\r\n npm: 8.7.0 - C:\\Program Files\\nodejs\\npm.CMD\r\n Browsers:\r\n Edge: Spartan (44.19041.1266.0), Chromium (103.0.1264.71)\r\n Internet Explorer: 11.0.19041.1566\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.",[2963],{"name":2964,"color":2965},"theme","0754FB",1073,"VPTeamMembers requires avatar to get displayed correctly","2023-03-29T00:04:08Z","https://github.com/vuejs/vitepress/issues/1073",0.7732016,["Reactive",2972],{},["Set"],["ShallowReactive",2975],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$far45W4MEIe8EaArfGHmOdbrlN3AacbrAjT0Ql7beWuM":-1},"/vuejs/vitepress/3813"]