`, 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.",[2942],{"name":2943,"color":2944},"question","5D5FAE",2627,"How should I trace build error?","2023-07-24T00:04:51Z","https://github.com/vuejs/vitepress/issues/2627",0.7908032,{"description":2951,"labels":2952,"number":2954,"owner":2871,"repository":2872,"state":2896,"title":2955,"updated_at":2956,"url":2957,"score":2958},"### Is your feature request related to a problem? Please describe.\n\nThe current picture is not clear\n\n### Describe the solution you'd like\n\nMake the same logo in SVG format\n\n### Describe alternatives you've considered\n\nIncrease the clarity of the main icon\n\n### Additional context\n\nIn my opinion, it would be much better if the main icon was in SVG format, because the current one is not very clear (at least it is visible on a 2.8K display)\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://vuejs.org/about/coc.html)\n- [X] Read the [docs](https://vitepress.dev).\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.",[2953],{"name":2882,"color":2883},4198,"Make the main icon on the site in svg format","2025-03-19T01:31:04Z","https://github.com/vuejs/vitepress/issues/4198",0.79126817,{"description":2960,"labels":2961,"number":2968,"owner":2871,"repository":2872,"state":2896,"title":2969,"updated_at":2970,"url":2971,"score":2972},"### Describe the bug\n\nWhen nested a heading inside, say, a blockquote on a markdown page, the Aside Outline will see these headings but not properly scroll them in the Outline as active. Instead only the last item will be highlighted and active\n\n### Reproduction\n\nCreate a markdown file with:\r\n\r\n```md\r\n> ### test\r\n>\r\n> some blockquote text\r\n```\r\n\r\nAdjust the config file themeConfig to have `outline: 3`\n\n### Expected behavior\n\nThe Aside Outline should show the heading, which it does, and should mark it as active when it is active.\n\n### System Info\n\n```shell\nSystem:\r\n OS: macOS 12.1\r\n CPU: (10) arm64 Apple M1 Pro\r\n Memory: 73.67 MB / 16.00 GB\r\n Shell: 5.8 - /bin/zsh\r\n Binaries:\r\n Node: 16.16.0 - /usr/local/bin/node\r\n Yarn: 1.22.19 - /opt/homebrew/bin/yarn\r\n npm: 8.19.2 - /opt/homebrew/bin/npm\r\n Browsers:\r\n Chrome: 110.0.5481.100\r\n Firefox: 110.0\r\n Safari: 15.2\r\n npmPackages:\r\n vitepress: 1.0.0-alpha.48 => 1.0.0-alpha.48\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.",[2962,2965],{"name":2963,"color":2964},"need more info","bdbefc",{"name":2966,"color":2967},"theme","0754FB",2003,"Aside/Outline TOC renders headings in nested elements but does not properly trace them","2023-03-11T00:04:11Z","https://github.com/vuejs/vitepress/issues/2003",0.7929565,["Reactive",2974],{},["Set"],["ShallowReactive",2977],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f66G5j4VpSxqidghO4Sb7phrEmk9KRWQPfX-79EUCFWo":-1},"/vuejs/vitepress/4678"]