`, 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.",[2913],{"name":2914,"color":2915},"question","5D5FAE",2627,"How should I trace build error?","2023-07-24T00:04:51Z","https://github.com/vuejs/vitepress/issues/2627",0.7191576,{"description":2922,"labels":2923,"number":2925,"owner":2874,"repository":2875,"state":2897,"title":2926,"updated_at":2927,"url":2928,"score":2929},"### Is your feature request related to a problem? Please describe.\n\nI want user `h1` as my article outline, i can't use theme config to custom my outline\n\n### Describe the solution you'd like\n\nif i have config in my config.js\r\n```js\r\n themeConfig: {\r\n outline: [1,6] || 'all'\r\n}\r\n```\r\nthe title selector should like this\r\n```js\r\ndocument\r\n .querySelectorAll\u003CHTMLHeadingElement>('h1,h2, h3, h4, h5, h6') // include h1 title\r\n .forEach((el) => {\r\n if (el.textContent && el.id) {\r\n updatedHeaders.push({\r\n level: Number(el.tagName[1]),\r\n title: el.innerText.replace(/\\s+#\\s*$/, ''),\r\n link: `#${el.id}`\r\n })\r\n }\r\n })\r\n```\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.",[2924],{"name":2868,"color":2869},1529,"The levels of header to display in the outline can't support h1 title","2023-08-12T00:04:14Z","https://github.com/vuejs/vitepress/issues/1529",0.72571236,{"description":2931,"labels":2932,"number":2934,"owner":2874,"repository":2875,"state":2897,"title":2935,"updated_at":2936,"url":2937,"score":2938},"### Describe the bug\n\nWhen I enable the `ignoreDeadLinks` option in `/docs/.vitepress/config.js`, `yarn docs:build` still fails with the reason being `One or more pages contain dead links.`\n\n### Reproduction\n\nCreate a new vitepress project.\r\nIn `/docs/.vitepress/config.js`:\r\n```js\r\nexport default {\r\n ignoreDeadLinks: true,\r\n title: \"test\",\r\n description: \"test stuff\"\r\n}\r\n```\r\n\r\nIn `/docs/api/index.md`:\r\n```md\r\n[test](./test)\r\n```\n\n### Expected behavior\n\nIt is expected that the build process will succeed, because it should ignoreDeadLinks instead of failing because of them.\n\n### System Info\n\n```shell\nSystem:\r\n OS: Windows 10 10.0.19044\r\n CPU: (12) x64 Intel(R) Core(TM) i7-8700K CPU @ 3.70GHz \r\n Memory: 6.63 GB / 15.93 GB\r\n Binaries:\r\n Node: 18.5.0 - C:\\Program Files\\nodejs\\node.EXE\r\n Yarn: 1.22.19 - C:\\Program Files\\nodejs\\yarn.CMD\r\n npm: 8.15.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.",[2933],{"name":2885,"color":2886},1084,"ignoreDeadLinks doesn't work","2023-01-21T14:30:01Z","https://github.com/vuejs/vitepress/issues/1084",0.72801304,{"description":2940,"labels":2941,"number":2945,"owner":2874,"repository":2875,"state":2897,"title":2946,"updated_at":2947,"url":2948,"score":2949},"\r\n\r\n",[2942],{"name":2943,"color":2944},"build","377ba8",921,"chinese name png build error","2023-01-21T14:32:37Z","https://github.com/vuejs/vitepress/issues/921",0.7293078,{"description":2951,"labels":2952,"number":2954,"owner":2874,"repository":2875,"state":2897,"title":2955,"updated_at":2956,"url":2957,"score":2958},"### 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.",[2953],{"name":2868,"color":2869},1073,"VPTeamMembers requires avatar to get displayed correctly","2023-03-29T00:04:08Z","https://github.com/vuejs/vitepress/issues/1073",0.74378866,{"description":2960,"labels":2961,"number":2963,"owner":2874,"repository":2875,"state":2897,"title":2964,"updated_at":2965,"url":2966,"score":2967},"### Is your feature request related to a problem? Please describe.\n\nWhen the next/prev link text is generated, it takes the text from the frontmatter of the current page you are seeing. If empty, the text will be inferred from the sidebar config.\r\n\r\nWhen inferred from sidebar, sometimes is weird. For example, in the [vitepress api docs](https://vitepress.vuejs.org/guide/api) the \"Next\" text is \"Introduction\", and for me it should be \"Themes - Introduction\" (what if I have 3 sections with the introduction title?).\r\n\r\nWhen using frontmatter, I can change the text in the guide/api page, but this means that if I add new documentation after the api page, the next text in the api page will be wrong.\r\n\r\nProblem: In my opinion, the Next/Prev link should be defined in the same page (in this example, in the themes/introduction page), or in the same line as a new option in config.js for the themes/introduction page.\r\n \n\n### Describe the solution you'd like\n\nAdd nextPrevText property in sidebar items in `config.js` file, as follows:\r\n\r\n```js\r\n sidebar: [\r\n {\r\n text: 'Theme',\r\n items: [\r\n { text: 'Introduction', link: '/theme/', nextPrevText: 'Theme - Introduction' },\r\n ]\r\n },\r\n```\r\n\r\nand change the priority of rendering the NextPrev text to the following:\r\n\r\n1. frontmatter of current page\r\n2. sidebar nextPrevText config of the next/prev page\r\n3. inferred from sidebar config\n\n### Describe alternatives you've considered\n\nAdd nextPrevText in the frontmatter of the page I am going to go.\n\n### Additional context\n\n`https://vitepress.vuejs.org/guide/api`\r\n\r\n\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] 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.",[2962],{"name":2868,"color":2869},1373,"Prev/Next link text in sidebar config","2023-08-12T00:04:12Z","https://github.com/vuejs/vitepress/issues/1373",0.7453299,["Reactive",2969],{},["Set"],["ShallowReactive",2972],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f7isIKOEXDW-w5h0p1jNQahrugKrPZX58qALqHKqKexU":-1},"/vuejs/vitepress/1387"]