`, 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.",[2928],{"name":2929,"color":2930},"question","5D5FAE",2627,"How should I trace build error?","2023-07-24T00:04:51Z","https://github.com/vuejs/vitepress/issues/2627",0.7524237,{"description":2937,"labels":2938,"number":2942,"owner":2869,"repository":2870,"state":2883,"title":2943,"updated_at":2944,"url":2945,"score":2946},"\u003C!--\r\nNOTE:\r\nVitePress is still WIP, and it is not compatible with VuePress.\r\nPlease do not open issue about default theme missing features or something doesn't work like VuePress.\r\n-->\r\n\r\n**Describe the bug**\r\nA clear and concise description of what the bug is.\r\n\r\nthe markdown filename with chinese can't build\r\n\r\n**To Reproduce**\r\nSteps to reproduce the behavior:\r\n\r\n- create the markdown and the filename with chinese\r\n- then run: `yarn docs:build`\r\n- the result:\r\n\r\n```\r\n$ vitepress build docs\r\nvitepress v0.13.2\r\nvite v2.2.3\r\n✓ building client + server bundles...\r\n⠋ rendering pages...Error: Cannot find module './frontend-graph_CSS_1%E3%80%81%E9%A1%B5%E9%9D%A2%E5%B8%83%E5%B1%80%E5%8E%9F%E7%90%86.md.js'\r\nRequire stack:\r\n- /Users/yangjay/project/vitepress-blog/node_modules/vitepress/dist/client/app/temp/app.js\r\n- /Users/yangjay/project/vitepress-blog/node_modules/vitepress/dist/node/build/render.js\r\n- /Users/yangjay/project/vitepress-blog/node_modules/vitepress/dist/node/build/build.js\r\n- /Users/yangjay/project/vitepress-blog/node_modules/vitepress/dist/node/index.js\r\n- /Users/yangjay/project/vitepress-blog/node_modules/vitepress/dist/node/cli.js\r\n- /Users/yangjay/project/vitepress-blog/node_modules/vitepress/bin/vitepress.js\r\n at Function.Module._resolveFilename (internal/modules/cjs/loader.js:1020:15)\r\n at Function.Module._load (internal/modules/cjs/loader.js:890:27)\r\n at Module.require (internal/modules/cjs/loader.js:1080:19)\r\n at require (internal/modules/cjs/helpers.js:72:18)\r\n at /Users/yangjay/project/vitepress-blog/node_modules/vitepress/dist/client/app/temp/app.js:1686:12\r\n at loadPage (/Users/yangjay/project/vitepress-blog/node_modules/vitepress/dist/client/app/temp/app.js:128:18)\r\n at Object.go (/Users/yangjay/project/vitepress-blog/node_modules/vitepress/dist/client/app/temp/app.js:121:12)\r\n at Object.renderPage (/Users/yangjay/project/vitepress-blog/node_modules/vitepress/dist/node/build/render.js:18:12)\r\n at Object.build (/Users/yangjay/project/vitepress-blog/node_modules/vitepress/dist/node/build/build.js:29:32) {\r\n code: 'MODULE_NOT_FOUND',\r\n requireStack: [\r\n '/Users/yangjay/project/vitepress-blog/node_modules/vitepress/dist/client/app/temp/app.js',\r\n '/Users/yangjay/project/vitepress-blog/node_modules/vitepress/dist/node/build/render.js',\r\n '/Users/yangjay/project/vitepress-blog/node_modules/vitepress/dist/node/build/build.js',\r\n '/Users/yangjay/project/vitepress-blog/node_modules/vitepress/dist/node/index.js',\r\n '/Users/yangjay/project/vitepress-blog/node_modules/vitepress/dist/node/cli.js',\r\n '/Users/yangjay/project/vitepress-blog/node_modules/vitepress/bin/vitepress.js'\r\n ]\r\n}\r\n✖ rendering pages...\r\nbuild error:\r\n TypeError: Cannot destructure property 'frontmatter' of 'route.data' as it is null.\r\n```\r\n\r\n**Expected behavior**\r\nA clear and concise description of what you expected to happen.\r\n\r\nthe markdown filename with chinese can build\r\n\r\n**System Info**\r\n- vitepress version: v0.13.2\r\n- vite version: v2.2.3\r\n- Node version: v14.2.0\r\n- OS version: mac 10.15.7 (19H524)\r\n\r\n**Additional context**\r\nAdd any other context about the problem here.\r\n",[2939],{"name":2940,"color":2941},"need more info","bdbefc",293,"the markdown filename with chinese can't build","2023-01-21T14:35:42Z","https://github.com/vuejs/vitepress/issues/293",0.7567332,{"description":2948,"labels":2949,"number":2951,"owner":2869,"repository":2870,"state":2883,"title":2952,"updated_at":2953,"url":2954,"score":2955},"### Describe the bug\n\nwhen I use a .png in xx.md file, it is OK, when i use a .PNG, get error.\r\n\r\n\r\nThis issue only occurs when using the `docs:build` command, it is fine in `docs:dev`\n\n### Reproduction\n\n vitepress v1.0.0-alpha.73\r\n\r\nWindows 11\n\n### Expected behavior\n\n.\n\n### System Info\n\n```shell\n.\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.dev).\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[2950],{"name":2880,"color":2881},2277,"Bugs caused by image suffix capitalization","2023-05-01T00:04:42Z","https://github.com/vuejs/vitepress/issues/2277",0.7651974,{"description":2957,"labels":2958,"number":2962,"owner":2869,"repository":2870,"state":2883,"title":2963,"updated_at":2964,"url":2965,"score":2966},"### Describe the bug\n\nHere is an example of the issue:\r\n\r\nDocs hierarchy is like this:\r\n```\r\n📦docs\r\n ┣ 📂.vitepress\r\n ┗ 📂lang\r\n ┣ 📂C++\r\n ┃ ┃ ┣ 📜index.html\r\n ┃ ┃ ┗ 📜links.html\r\n ┃ ┗ 📜index.html\r\n ┗ 📜index.md\r\n```\r\n\r\nIn my .vitepress/config.js :\r\n```js\r\nthemeConfig: {\r\n nav: [\r\n \u003CMY_NAV>\r\n ],\r\n sidebar: [ \r\n {\r\n text: 'LanguageExample',\r\n collapsible: true,\r\n items: [\r\n { text: 'Home', link: '/lang/'},\r\n { text: 'C++', link: '/lang/C++/'}\r\n ]\r\n },\r\n}\r\n````\r\n\r\nso the build failed with errors :\r\n> Error [ERR_MODULE_NOT_FOUND]: Cannot find module \u003CMY_PROJECT_PATH>\\docs\\.vitepress\\.temp\\lang_C++_index.md.js imported from \u003CMY_PROJECT_PATH>\\node_modules\\vitepress\\dist\\node\\serve-c2318085.js\r\n at new NodeError (node:internal/errors:372:5)\r\n at finalizeResolution (node:internal/modules/esm/resolve:437:11)\r\n at moduleResolve (node:internal/modules/esm/resolve:1009:10)\r\n at defaultResolve (node:internal/modules/esm/resolve:1218:11)\r\n at ESMLoader.resolve (node:internal/modules/esm/loader:580:30)\r\n at ESMLoader.getModuleJob (node:internal/modules/esm/loader:294:18)\r\n at ESMLoader.import (node:internal/modules/esm/loader:380:22)\r\n at importModuleDynamically (node:internal/modules/esm/translators:106:35)\r\n at importModuleDynamicallyCallback (node:internal/process/esm_loader:35:14)\r\n\r\n\n\n### Reproduction\n\n- Named a doc folder with \"+\" character in his name and put her name/path in custom sidebar links.\r\n- run `yarn docs:build`\r\n\n\n### Expected behavior\n\nSuccessful build when running yarn docs:build\n\n### System Info\n\n```shell\nSystem:\r\n OS: Windows 10 10.0.22000\r\n CPU: (20) x64 Intel(R) Core(TM) i9-10900K CPU @ 3.70GHz\r\n Memory: 10.89 GB / 31.92 GB\r\nBinaries:\r\n Node: 16.15.0 - E:\\Program_Files\\Node16\\node.EXE\r\n Yarn: 1.22.19 - ~\\AppData\\Roaming\\npm\\yarn.CMD\r\n npm: 8.6.0 - E:\\Program_Files\\Node16\\npm.CMD\r\nBrowsers:\r\n Edge: Spartan (44.22000.120.0)\r\n Internet Explorer: 11.0.22000.120\r\nnpmPackages:\r\n vitepress: ^1.0.0-alpha.19 => 1.0.0-alpha.19\n```\n\n\n### Additional context\n\nI don't know if this issue has already been reported, i just found [this](https://github.com/vuejs/vitepress/issues/1039) issue, and maybe the both are related.\r\n\r\nAnd yes, in my case i can just replace \"+\" characters with a \"P\" one, but, i think this issue can be interest to be fixed for other case.\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.",[2959],{"name":2960,"color":2961},"build","377ba8",1439,"Build fails when filename has special characters","2023-01-21T14:25:09Z","https://github.com/vuejs/vitepress/issues/1439",0.7669852,["Reactive",2968],{},["Set"],["ShallowReactive",2971],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f-GgD0MM9k6evYGYBs2pUx3lQV8ZE4fZw5UBHIH1DIzs":-1},"/vuejs/vitepress/921"]