\n\n\n\nThere is also a similar issue in Google Chrome, but the triggering probability is not high.\n\n\u003Cimg width=\"702\" height=\"323\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/881730af-0a68-408f-b408-2cb99c72006d\" />\n\n\n\nIt should be related to the prompt box below\n\n\u003Cimg width=\"631\" height=\"296\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/52d16921-8d6e-43d0-b6e2-7bf63eaeef4b\" />\n\n### Reproduction\n\nhttps://vueuse.org/core/useMediaControls/\n\n### System Info\n\n```Shell\n网站问题,无需提供。\n```\n\n### Used Package Manager\n\npnpm\n\n### Validations\n\n- [x] Follow our [Code of Conduct](https://github.com/vueuse/vueuse/blob/main/CODE_OF_CONDUCT.md)\n- [x] Read the [Contributing Guidelines](https://github.com/vueuse/vueuse/blob/main/CONTRIBUTING.md).\n- [x] Read the [docs](https://vueuse.org/guide).\n- [x] Check that there isn't [already an issue](https://github.com/vueuse/vueuse/issues) that reports the same bug to avoid creating a duplicate.\n- [x] Make sure this is a VueUse issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.\n- [x] Check that this is a concrete bug. For Q&A open a [GitHub Discussion](https://github.com/vueuse/vueuse/discussions).\n- [x] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[3194],{"name":3173,"color":3174},4983,"BUG | `docs` | Unable to select text properly","2025-08-25T02:42:26Z","https://github.com/vueuse/vueuse/issues/4983",0.7077032,{"description":3201,"labels":3202,"number":3204,"owner":3176,"repository":3176,"state":3205,"title":3206,"updated_at":3207,"url":3208,"score":3209},"### Describe the bug\n\n[demo.txt](https://github.com/user-attachments/files/21911442/demo.txt)\n\n当我在谷歌和ME浏览器中打开这个demo,当点击iframe的内容时候,ME不会关闭弹窗\n但是谷歌浏览器中,会出现偶现关闭弹窗的情况\n\n### Reproduction\n\nhttps://playground.vueuse.org/?vueuse=10.10.1#eNq1Vdtu4zYQ/ZWBgEUcwLo4TRa7qp1um6ZAC7QptvsoYEFJI5sbiSRIylY3yG/0rd/R3+ondEhKlpMu8lCgDzY0Z25nLiQfom+VSvY9Rnm0NpXmyoJB2ytomdhuisiaIrouBO+U1BYeQIqbllf3d701vEZ4hEbLDs7eUYjeYFpJjWcn5mbH2lYe3mOzBNJ/wE61zCLJR1fyJI9CVFIYC52sWQubE8dFw1qD508MnP/mWcDF2aQ6I+OnPBeFgKPn0gkL3KOw57C5hgcnj+pkz9oeKbZP6hSPZE7xCrFOQ3+oGyTYMTFJAOuyt1YKeFe5nNS1qQqre/T9cwnuFAr42Wm8TxqcfDgSa76HfcybybuIQONRItoEVC0zZjYY4655o1mHwGtScdFygT844HZgxJHyw4HXdkfKVZa9InGHfLuzs2x0RcLOWmXyND0cDknJeN0nlezSb6zYvH6Trd68zVYfV68/qi3lXach5UTAcZ+4cSFQH7nNvZn0o2g6mi/ltty2SPBNK6nf0b9bGAYxxwP4+88//jpGn7s4AuqYaYes5sLxnX2/x07OMwgR1Inztd8akON6ywbsDseltJJCE0vgNpm91ilVH7Zg/FqnJ8tBorG/twimkgprQpIQzW+dkoZbLkUODR+w/tphLTY2h6vslZesVCeCZsI0Und5+HQ5FjFpl+D+z72RH3YOlxeZGjzQsSEeQTdwj32OuahxcAjJj8TKzy2wKll1v9WyF3VcyVbqHPZML+J4r+IqLrchjWK1624OWXKJHVxg5+FS6hp1rKn1vSHmI4cAUzo1gJEtr09DUtuo2TrELeUQ0+Gv5SGHC7J2vxWVAnpbssUqW5IUflmyci6OfK2lIg9BVf3nKq7GCuaZsJKo9hZPxuK69bx7/1PRFOXFmsf1DsU2Utj44M91TtHasEoeNfwzEofkUo8FdkxvuYhLSQeHNuki4C7keDafreaTNvh9jLPk7RRNh5wEXU3Ql8hQeLpA3UmgIxAt6V2h67zh2+STkYIeH5+ziOjKUbxFfadcbnp78ul6LiL/IPzkMXev+mvc++ywuv8C/skMDiuiXzUa1Hu6RY46Sz1AG9S3v/2CA30flXRAe3dvvqB8j74nxDGYfUdrRrRP7DzbH/07SFP6YG4Hi8JMRfmHYXxdnDU9gjcvlD7T/Sq59H7U0ejxH7KHikU=\n\n### System Info\n\n```Shell\nWindows,npm,vue3.2.41 vueuse9.10.0\n```\n\n### Used Package Manager\n\nnpm\n\n### Validations\n\n- [x] Follow our [Code of Conduct](https://github.com/vueuse/vueuse/blob/main/CODE_OF_CONDUCT.md)\n- [x] Read the [Contributing Guidelines](https://github.com/vueuse/vueuse/blob/main/CONTRIBUTING.md).\n- [x] Read the [docs](https://vueuse.org/guide).\n- [x] Check that there isn't [already an issue](https://github.com/vueuse/vueuse/issues) that reports the same bug to avoid creating a duplicate.\n- [x] Make sure this is a VueUse issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.\n- [x] Check that this is a concrete bug. For Q&A open a [GitHub Discussion](https://github.com/vueuse/vueuse/discussions).\n- [x] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[3203],{"name":3173,"color":3174},4976,"closed","BUG | `onClickOutside` | 不同浏览器中反应不同","2025-08-21T06:20:49Z","https://github.com/vueuse/vueuse/issues/4976",0.6467162,{"description":3211,"labels":3212,"number":3213,"owner":3176,"repository":3176,"state":3205,"title":3214,"updated_at":3215,"url":3216,"score":3217},"### Describe the bug\r\n\r\nWhen \"useStorageAsync\" is used, when more than one tab is opened, the value of the two tabs changes to each other, causing a deadlock\r\n\r\nvideo: https://github.com/afute/useStorageAsync-bug-example-p1/blob/main/example.mp4\r\n\r\n### Reproduction\r\n\r\nhttps://github.com/afute/useStorageAsync-bug-example-p1\r\n\r\n### System Info\r\n\r\n```Shell\r\nSystem:\r\n OS: Windows 10 10.0.19045\r\nBinaries:\r\n Node: 20.17.0\r\n npm: 10.8.1\r\nBrowsers:\r\n Edge: Chromium (127.0.2651.105)\r\n```\r\n\r\n\r\n### Used Package Manager\r\n\r\nnpm\r\n\r\n### Validations\r\n\r\n- [X] Follow our [Code of Conduct](https://github.com/vueuse/vueuse/blob/main/CODE_OF_CONDUCT.md)\r\n- [X] Read the [Contributing Guidelines](https://github.com/vueuse/vueuse/blob/main/CONTRIBUTING.md).\r\n- [X] Read the [docs](https://vueuse.org/guide).\r\n- [X] Check that there isn't [already an issue](https://github.com/vueuse/vueuse/issues) that reports the same bug to avoid creating a duplicate.\r\n- [X] Make sure this is a VueUse issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.\r\n- [X] Check that this is a concrete bug. For Q&A open a [GitHub Discussion](https://github.com/vueuse/vueuse/discussions).\r\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[],4200,"\"useStorageAsync\" multi-tab deadlock","2024-11-22T00:09:02Z","https://github.com/vueuse/vueuse/issues/4200",0.67017215,{"description":3219,"labels":3220,"number":3221,"owner":3176,"repository":3176,"state":3205,"title":3222,"updated_at":3223,"url":3224,"score":3225},"### Describe the bug\n\nhttps://vueuse.org/recent-updated.html 404\n\n### Reproduction\n\nhttps://vueuse.org/recent-updated.html\n\n### System Info\n\n```Shell\nchrome\n```\n\n\n### Used Package Manager\n\nnpm\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://github.com/vueuse/vueuse/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/vueuse/vueuse/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://vueuse.org/guide).\n- [X] Check that there isn't [already an issue](https://github.com/vueuse/vueuse/issues) that reports the same bug to avoid creating a duplicate.\n- [X] Make sure this is a VueUse issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.\n- [X] Check that this is a concrete bug. For Q&A open a [GitHub Discussion](https://github.com/vueuse/vueuse/discussions).\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[],1758,"[doc] recent-updated 404","2022-07-06T08:05:51Z","https://github.com/vueuse/vueuse/issues/1758",0.6807835,{"description":3227,"labels":3228,"number":3229,"owner":3176,"repository":3176,"state":3205,"title":3230,"updated_at":3231,"url":3232,"score":3233},"### Describe the bug\n\nWhen requesting `@vueuse/router` with Yarn, it complains about a missing dependency on `vue` due to using `vue-demi`:\r\n\r\n```\r\n➤ YN0002: │ @vueuse/router@npm:8.6.0 [d54e3] doesn't provide vue (p9ce65), requested by vue-demi\r\n➤ YN0000: │ Some peer dependencies are incorrectly met; run yarn explain peer-requirements \u003Chash> for details, where \u003Chash> is the six-letter p-prefixed code\r\n```\r\n\r\nUnlike `@vueuse/core`, `@vueuse/router` is missing this part in `package.json`:\r\n\r\n```json\r\n \"peerDependencies\": {\r\n \"@vue/composition-api\": \"^1.1.0\",\r\n \"vue\": \"^2.6.0 || ^3.2.0\"\r\n },\r\n \"peerDependenciesMeta\": {\r\n \"vue\": {\r\n \"optional\": true\r\n },\r\n \"@vue/composition-api\": {\r\n \"optional\": true\r\n }\r\n },\r\n```\n\n### Reproduction\n\nhttps://stackblitz.com/edit/vitejs-vite-bc8aw8/?file=package.json (dunno how to switch to Yarn here)\n\n### System Info\n\n```Shell\nSystem:\r\n OS: Linux 5.18 Debian GNU/Linux bookworm/sid\r\n CPU: (4) x64 Intel(R) Core(TM) i7-4600U CPU @ 2.10GHz\r\n Memory: 2.79 GB / 7.68 GB\r\n Container: Yes\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 16.15.0 - /tmp/xfs-e4e7a53a/node\r\n Yarn: 3.2.1 - /tmp/xfs-e4e7a53a/yarn\r\n Browsers:\r\n Firefox: 102.0.1\r\n npmPackages:\r\n @vueuse/core: ^8.6.0 => 8.6.0\r\n @vueuse/router: ^8.6.0 => 8.6.0\r\n vue: ^3.2.37 => 3.2.37\n```\n\n\n### Used Package Manager\n\nyarn\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://github.com/vueuse/vueuse/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/vueuse/vueuse/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://vueuse.org/guide).\n- [X] Check that there isn't [already an issue](https://github.com/vueuse/vueuse/issues) that reports the same bug to avoid creating a duplicate.\n- [X] Make sure this is a VueUse issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.\n- [X] Check that this is a concrete bug. For Q&A open a [GitHub Discussion](https://github.com/vueuse/vueuse/discussions).\n- [X] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[],1912,"peerDependencies on vue missing for vueuse/router","2023-07-17T18:25:44Z","https://github.com/vueuse/vueuse/issues/1912",0.68251544,{"description":3235,"labels":3236,"number":3244,"owner":3176,"repository":3176,"state":3205,"title":3245,"updated_at":3246,"url":3247,"score":3248},"### Describe the bug\n\nIn `asyncComputed`, awaited errors are silently ignored by default since `onError` has value `noop`. It should probably instead use either `globalThis.reportError` or should call the [Vue `errorCaptured` hook](https://vuejs.org/api/options-lifecycle.html#errorcaptured).\n\n### Reproduction\n\nhttps://playground.vueuse.org/#eNq1k01v2zAMhv8KoUsctIg3bKfODtoVOWzAtmLrUcDq2EyiVJYMfdgZAv/3UbKdD2DobReD5PuKeiTKR/bQNIvWI7tjmS2NaBxYdL4BWahtzpmznC25EnWjjYMjlLpuvMPqwf5RJfSwMbqG2T118BbTUhucXbgNbk4espDElUQHCvKgJe/mQ15QftU5KWL/ZA75Eo5cAcnK0sLfbSE9kl0tYvQpaEVXCAdPtI2wuDBotWwxmUfN7YzuQGEHK2O0STh73gkLGBKgwHaFlLrDCji7GdsTVT+Srf8f2bm6x9IlZ8TZNaHBcJsEODvxERxQ3Xmj4GWdj+WXAZurAXHjVemEVqDVoxTlazKPuCMe3OTwnjh6rrJ0mDzNmRKHdSMLh5QBZJVoY3AVUrL2zlHr+zJ0zscdlvEL3zBLB31amk5rpyhLL7Zht/TM6BY3YrvYW63oLUZSzsLNC4nmRxMOQk/xbrjyoMWxfY01ZzzeTvVyh+XrP+p7ewg1zp5oDGha5OykucJs0Q3y6td3PFB8EmtdeUnuN8SfYbA+MA62z15VhH3hi7Rf4n8h1PbZrg4OlZ0OFUCDs49+zuhfeXzj6GfcD4uPcR3NkfV/AQx6SFw=\n\n### System Info\n\n```Shell\nN/A\n```\n\n### Used Package Manager\n\nnpm\n\n### Validations\n\n- [x] Follow our [Code of Conduct](https://github.com/vueuse/vueuse/blob/main/CODE_OF_CONDUCT.md)\n- [x] Read the [Contributing Guidelines](https://github.com/vueuse/vueuse/blob/main/CONTRIBUTING.md).\n- [x] Read the [docs](https://vueuse.org/guide).\n- [x] Check that there isn't [already an issue](https://github.com/vueuse/vueuse/issues) that reports the same bug to avoid creating a duplicate.\n- [x] Make sure this is a VueUse issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.\n- [x] Check that this is a concrete bug. For Q&A open a [GitHub Discussion](https://github.com/vueuse/vueuse/discussions).\n- [x] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[3237,3240,3243],{"name":3238,"color":3239},"pr welcome","7E3DD1",{"name":3241,"color":3242},"has pr","5319E7",{"name":3173,"color":3174},4942,"BUG | `asyncComputed` | errors are silent by default","2025-08-08T01:36:34Z","https://github.com/vueuse/vueuse/issues/4942",0.6829432,{"description":3250,"labels":3251,"number":3253,"owner":3176,"repository":3176,"state":3205,"title":3254,"updated_at":3255,"url":3256,"score":3257},"### Describe the bug\n\n```\n\"docs:build\": \"nr update:full && nr build && vitepress build packages && nr build:redirects\",\n```\n\nThe `docs:build` script in the `package.json` file executes `nr update` twice:\n1. Once as part of `nr update:full`.\n2. Again within `nr build`.\n\nThis redundancy causes unnecessary overhead during the build process.\n\n### Validations\n\n- [x] Follow our [Code of Conduct](https://github.com/vueuse/vueuse/blob/main/CODE_OF_CONDUCT.md)\n- [x] Read the [Contributing Guidelines](https://github.com/vueuse/vueuse/blob/main/CONTRIBUTING.md).\n- [x] Read the [docs](https://vueuse.org/guide).\n- [x] Check that there isn't [already an issue](https://github.com/vueuse/vueuse/issues) that reports the same bug to avoid creating a duplicate.\n- [x] Make sure this is a VueUse issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to https://github.com/vuejs/core instead.\n- [x] Check that this is a concrete bug. For Q&A open a [GitHub Discussion](https://github.com/vueuse/vueuse/discussions).\n- [x] The provided reproduction is a [minimal reproducible example](https://stackoverflow.com/help/minimal-reproducible-example) of the bug.",[3252],{"name":3173,"color":3174},4924,"BUG | duplicate `nr update` execution in `docs:build` script","2025-07-30T12:27:02Z","https://github.com/vueuse/vueuse/issues/4924",0.68498576,{"description":3259,"labels":3260,"number":3264,"owner":3176,"repository":3176,"state":3205,"title":3265,"updated_at":3266,"url":3267,"score":3268},"### Clear and concise description of the problem\n\nIt'd be quite useful if `useDropZone` exposed the `DataTransfer` property, that way custom behaviour like\r\n- only activating it for *file* drag and drop, and not for unrelated drag events (such as selecting and dragging text)\r\n- setting the [drop effect](https://developer.mozilla.org/en-US/docs/Web/API/DataTransfer/dropEffect)\r\n\n\n### Suggested solution\n\nEither by extending `UseDropZoneReturn` with `dataTransfer: Ref\u003CDataTransfer | null>` or by adding another optional callback to `useDropZone`, like\r\n```ts\r\nuseDropZone(\r\n target: MaybeComputedRef\u003CHTMLElement | null | undefined>,\r\n onDrop?: (files: File[] | null) => void,\r\n onDragOver?: (dataTransfer: DataTransfer) => void\r\n): \r\n```\n\n### Alternative\n\nOne quite lovely alternative would be fixing the the `useDropZone` API so that it does what the documentation says it does \r\n> Create an zone where files can be dropped.\r\n\r\nTo do that, the function would internally check the `DataTransfer` property and make sure that files are being dragged over the area. If yes, then we call the callback and set the `isOverDropZone`.\n\n### Additional context\n\nI can open a pull request for either approach (exposing dataTransfer or checking the dataTransfer before triggering the callback).\n\n### Validations\n\n- [X] Follow our [Code of Conduct](https://github.com/vueuse/vueuse/blob/main/CODE_OF_CONDUCT.md)\n- [X] Read the [Contributing Guidelines](https://github.com/vueuse/vueuse/blob/main/CONTRIBUTING.md).\n- [X] Read the [docs](https://vueuse.org/guide).\n- [X] Check that there isn't already an issue that request the same feature to avoid creating a duplicate.",[3261],{"name":3262,"color":3263},"enhancement","a2eeef",2057,"useDropZone expose DataTransfer","2023-04-25T21:40:46Z","https://github.com/vueuse/vueuse/issues/2057",0.68710136,["Reactive",3270],{},["Set"],["ShallowReactive",3273],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f-zyEe9_dwmu_EZ4tLfkH5JHax6oDjct5j7K5iW4eiSo":-1},"/vueuse/vueuse/1780"]