`, 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.",[2934],{"name":2935,"color":2936},"question","5D5FAE",2627,"How should I trace build error?","2023-07-24T00:04:51Z","https://github.com/vuejs/vitepress/issues/2627",0.7539682,{"description":2943,"labels":2944,"number":2948,"owner":2875,"repository":2876,"state":2895,"title":2949,"updated_at":2950,"url":2951,"score":2952},"### Describe the bug\r\n\r\nrepo: https://github.com/webpon/blog\r\nbug-url: https://webpon.github.io/front-end/framework/vue2.html\r\nbug-position-search-key: '二、数组语法'\r\n\r\n**The first visit is normal**\r\n\r\n\r\n\r\n**refresh this page will be problems**\r\n\r\n\r\n\r\n\r\n### Reproduction\r\n\r\n-\r\n\r\n### Expected behavior\r\n\r\n-\r\n\r\n### System Info\r\n\r\n```shell\r\nwin10, 1.0.0-alpha.45\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.vuejs.org).\r\n- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.",[2945],{"name":2946,"color":2947},"need more info","bdbefc",1885,"refresh bug","2023-03-07T00:04:57Z","https://github.com/vuejs/vitepress/issues/1885",0.7548559,{"description":2954,"labels":2955,"number":2956,"owner":2875,"repository":2876,"state":2895,"title":2957,"updated_at":2958,"url":2959,"score":2960},"### Describe the bug\n\n在我编写一个.md文件时我是这么写的:\r\n\r\n```\r\n\u003Cimg alt=\"GitHub License\" src=\"https://img.shields.io/github/license/NoNameGMM/SignInForMiraiMC?style=flat&label=License\r\n\"/>\r\n\u003Cimg alt=\"Minecraft Version\" src=\"https://img.shields.io/badge/Minecraft-1.8--1.20-blue?style=flat&color=green\"/>\r\n\u003Cimg alt=\"GitHub Release\" src=\"https://img.shields.io/github/v/release/NoNameGMM/SignInForMiraiMC?style=flat&label=Release\"/>\r\n```\r\n\r\n正常来说应该是这样:\r\n\u003Cimg width=\"249\" alt=\"photo1\" src=\"https://github.com/vuejs/vitepress/assets/109721871/d5c41be5-f3df-43f7-bd88-a2f12a11490f\">\r\n\r\n可是vitepress的效果是:\r\n\u003Cimg width=\"107\" alt=\"屏幕截图 2024-03-03 200157\" src=\"https://github.com/vuejs/vitepress/assets/109721871/a5b20517-2e3f-4fb0-9390-1f06cdbbebd6\">\r\n\r\n\r\n\n\n### Reproduction\n\n同上\n\n### Expected behavior\n\n我想要实现正常markdown的效果\n\n### System Info\n\n```Text\nSystem:\r\n OS: Windows 11 10.0.22631\r\n CPU: (16) x64 AMD Ryzen 7 5800H with Radeon Graphics\r\n Memory: 1.68 GB / 13.86 GB\r\n Binaries:\r\n Node: 20.10.0 - C:\\Program Files\\nodejs\\node.EXE\r\n Yarn: 1.22.21 - ~\\AppData\\Roaming\\npm\\yarn.CMD\r\n npm: 10.2.3 - C:\\Program Files\\nodejs\\npm.CMD\r\n pnpm: 8.15.4 - ~\\AppData\\Roaming\\npm\\pnpm.CMD\r\n Browsers:\r\n Edge: Chromium (122.0.2365.59)\r\n Internet Explorer: 11.0.22621.1\r\n npmPackages:\r\n vitepress: ^1.0.0-rc.44 => 1.0.0-rc.44\n```\n\n\n### Additional context\n\n_No response_\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.",[],3631,"使用shields.io徽标时图片自动换行","2024-03-11T00:04:39Z","https://github.com/vuejs/vitepress/issues/3631",0.7556647,{"description":2962,"labels":2963,"number":2967,"owner":2875,"repository":2876,"state":2895,"title":2968,"updated_at":2969,"url":2970,"score":2971},"### Describe the bug\r\n\r\nInstalling a fresh vitepress quickstart and using yarn with PnP installs. `yarn run docs:build` fails with:\r\n\r\n```\r\nbuild error:\r\n[vite]: Rollup failed to resolve import \"vue/server-renderer\" from \"/home/thomas/projects/testpnp/README.md\".\r\nThis is most likely unintended because it can break your application at runtime.\r\nIf you do want to externalize this module explicitly add it to\r\n`build.rollupOptions.external`\r\nError: [vite]: Rollup failed to resolve import \"vue/server-renderer\" from \"/home/thomas/projects/testpnp/README.md\".\r\nThis is most likely unintended because it can break your application at runtime.\r\nIf you do want to externalize this module explicitly add it to\r\n`build.rollupOptions.external`\r\n at viteWarn (file:///home/thomas/projects/testpnp/.yarn/__virtual__/vite-virtual-4c2197c7d1/3/.yarn/berry/cache/vite-npm-5.2.11-fa468e8533-10c0.zip/node_modules/vite/dist/node/chunks/dep-cNe07EU9.js:67612:27)\r\n at onRollupWarning (file:///home/thomas/projects/testpnp/.yarn/__virtual__/vite-virtual-4c2197c7d1/3/.yarn/berry/cache/vite-npm-5.2.11-fa468e8533-10c0.zip/node_modules/vite/dist/node/chunks/dep-cNe07EU9.js:67640:9)\r\n at onwarn (file:///home/thomas/projects/testpnp/.yarn/__virtual__/vite-virtual-4c2197c7d1/3/.yarn/berry/cache/vite-npm-5.2.11-fa468e8533-10c0.zip/node_modules/vite/dist/node/chunks/dep-cNe07EU9.js:67356:13)\r\n at file:///home/thomas/.yarn/berry/cache/rollup-npm-4.18.0-9eadb97a09-10c0.zip/node_modules/rollup/dist/es/shared/node-entry.js:18514:13\r\n at Object.logger [as onLog] (file:///home/thomas/.yarn/berry/cache/rollup-npm-4.18.0-9eadb97a09-10c0.zip/node_modules/rollup/dist/es/shared/node-entry.js:20162:9)\r\n at ModuleLoader.handleInvalidResolvedId (file:///home/thomas/.yarn/berry/cache/rollup-npm-4.18.0-9eadb97a09-10c0.zip/node_modules/rollup/dist/es/shared/node-entry.js:19104:26)\r\n at file:///home/thomas/.yarn/berry/cache/rollup-npm-4.18.0-9eadb97a09-10c0.zip/node_modules/rollup/dist/es/shared/node-entry.js:19062:26\r\n```\r\n\r\n### Reproduction\r\n\r\nUse this repo: https://github.com/l3d00m/vitepress-yarn-repro and run `corepack enable && yarn install && yarn run docs:build`\r\n\r\nAlternatively: \r\n\r\n1. Create New folder\r\n1. `yarn set version stable`\r\n2. `yarn add -D vitepress` \r\n3. `yarn vitepress init` (use default settings, just press enter)\r\n4. `yarn run docs:build` fails\r\n\r\n### Expected behavior\r\n\r\nShould not fail, should work out of the box\r\n\r\n### System Info\r\n\r\n```Text\r\nSystem:\r\n OS: Linux 6.9 Manjaro Linux\r\n CPU: (12) x64 AMD Ryzen 5 2600 Six-Core Processor\r\n Memory: 6.45 GB / 15.53 GB\r\n Container: Yes\r\n Shell: 5.9 - /usr/bin/zsh\r\n Binaries:\r\n Node: 20.13.1 - ~/.nvm/versions/node/v20.13.1/bin/node\r\n Yarn: 4.2.2 - ~/.nvm/versions/node/v20.13.1/bin/yarn\r\n npm: 10.5.2 - ~/.nvm/versions/node/v20.13.1/bin/npm\r\n Browsers:\r\n Chromium: 124.0.6367.155\r\n```\r\n\r\n\r\n### Additional context\r\n\r\nThis is similar to #3035, but here it always fails, also with a fresh repo.\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.",[2964],{"name":2965,"color":2966},"docs","0075ca",3919,"Fails to build with yarn v4 PnP, rollup error","2024-06-03T04:41:58Z","https://github.com/vuejs/vitepress/issues/3919",0.7574476,["Reactive",2973],{},["Set"],["ShallowReactive",2976],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fj2d_KhvJ521qAD3_L6A-sSRQvxKyOm1r3wSThEHA-Fc":-1},"/vuejs/vitepress/1373"]