\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.",[3172],{"name":3173,"color":3174},"pending triage","d73a4a",4983,"vueuse","open","BUG | `docs` | Unable to select text properly","2025-08-25T02:42:26Z","https://github.com/vueuse/vueuse/issues/4983",0.6783109,{"description":3183,"labels":3184,"number":3185,"owner":3176,"repository":3176,"state":3186,"title":3187,"updated_at":3188,"url":3189,"score":3190},"### 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,"closed","\"useStorageAsync\" multi-tab deadlock","2024-11-22T00:09:02Z","https://github.com/vueuse/vueuse/issues/4200",0.6354597,{"description":3192,"labels":3193,"number":3197,"owner":3176,"repository":3176,"state":3186,"title":3198,"updated_at":3199,"url":3200,"score":3201},"### Describe the bug\n\nThere is a problem with this demo of onClickOutside, which seems to be caused by the following element node\r\n\r\nhttps://user-images.githubusercontent.com/19986739/179889089-fcc2f861-b811-474a-9e1d-9b788559442a.mov\r\n\r\n\r\n\r\n\n\n### Reproduction\n\nhttps://vueuse.org/core/onclickoutside/\n\n### System Info\n\n```Shell\nmacOS\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":3195,"color":3196},"pr welcome","7E3DD1",1963,"There is a problem with this demo of onClickOutside","2022-07-21T18:14:07Z","https://github.com/vueuse/vueuse/issues/1963",0.6680994,{"description":3203,"labels":3204,"number":3205,"owner":3176,"repository":3176,"state":3186,"title":3206,"updated_at":3207,"url":3208,"score":3209},"### Describe the bug\r\n\r\n1. 问题截图:\r\n\r\n始终显示0,0\r\n\r\n2. 有vueuse官网的playground,https://play.vueuse.org/,是不是可以删掉vueuse中的playgrounds\r\n3. vueuse的playground/vite,@vueuse/shared没有用到,是不是可以移除\r\n\r\n\r\n\r\n\r\n### Reproduction\r\n\r\nhttps://github.com/vueuse/vueuse/tree/main/playgrounds/vite\r\n\r\n### System Info\r\n\r\n```Shell\r\nmacOS node: v16.17.1 vscode\r\n```\r\n\r\n\r\n### Used Package Manager\r\n\r\npnpm\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.",[],2552,"useMouse在playgrounds/vite中不生效,始终显示0,0;一些无用代码","2023-02-18T10:26:50Z","https://github.com/vueuse/vueuse/issues/2552",0.6686762,{"description":3211,"labels":3212,"number":3213,"owner":3176,"repository":3176,"state":3186,"title":3214,"updated_at":3215,"url":3216,"score":3217},"### Describe the bug\n\nEg: \r\n\n\n### Reproduction\n\netc\n\n### System Info\n\n```Shell\nno need\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.",[],1988,"Docs style exception in mac 13.3'","2022-08-13T15:40:21Z","https://github.com/vueuse/vueuse/issues/1988",0.6706577,{"description":3219,"labels":3220,"number":3224,"owner":3176,"repository":3176,"state":3186,"title":3225,"updated_at":3226,"url":3227,"score":3228},"### 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.",[3221],{"name":3222,"color":3223},"enhancement","a2eeef",2057,"useDropZone expose DataTransfer","2023-04-25T21:40:46Z","https://github.com/vueuse/vueuse/issues/2057",0.678261,{"description":3230,"labels":3231,"number":3233,"owner":3176,"repository":3176,"state":3186,"title":3234,"updated_at":3235,"url":3236,"score":3237},"### Describe the bug\n\nDemo shows `ReferenceError: __VITE_PRELOAD__ is not defined`\n\n\u003Cimg width=\"1338\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/c8489d91-afc6-4bb5-aee6-f2191a19584c\" />\n\n### Reproduction\n\nhttps://vueuse.org/core/useShare/\n\n### System Info\n\n```Shell\nOn Chromium 137.0.7151.104 (Official Build) (arm64)\n```\n\n### Used Package Manager\n\n\\-\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.",[3232],{"name":3173,"color":3174},4833,"BUG | `useShare` | demo in docs is broken?","2025-07-19T13:30:23Z","https://github.com/vueuse/vueuse/issues/4833",0.6788042,{"description":3239,"labels":3240,"number":3241,"owner":3176,"repository":3176,"state":3186,"title":3242,"updated_at":3243,"url":3244,"score":3245},"### 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.67960835,{"description":3247,"labels":3248,"number":3249,"owner":3176,"repository":3176,"state":3186,"title":3250,"updated_at":3251,"url":3252,"score":3253},"### Describe the bug\n\n有时候我们网站需要根据不同屏幕做自适应,可能会采用不同分辨率等比缩放,但是和等比缩放功能一起用时,拖动元素位置就发生了偏差。\r\n具体表现:光标的位置和元素的位置就分离了。\r\n缩放代码:\r\n\u003Cimg width=\"1387\" alt=\"image\" src=\"https://user-images.githubusercontent.com/39360554/190904264-7de8f419-165c-474a-9197-6bc44b57ad29.png\">\r\n\n\n### Reproduction\n\nprod\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.",[],2220,"useDraggable在网页缩放中拖动位置偏差","2023-05-06T04:32:42Z","https://github.com/vueuse/vueuse/issues/2220",0.67963815,{"description":3255,"labels":3256,"number":3257,"owner":3176,"repository":3176,"state":3186,"title":3258,"updated_at":3259,"url":3260,"score":3261},"### Describe the bug\n\n\r\n\n\n### Reproduction\n\nhttps://github.com/vueuse/vueuse/tree/main/playgrounds/vite\n\n### System Info\n\n```Shell\nmacOS, node:v16.17.1\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.",[],2553,"playgrounds/vite: 找不到模块“./App.vue”或其相应的类型声明。","2023-02-17T14:57:12Z","https://github.com/vueuse/vueuse/issues/2553",0.6819302,["Reactive",3263],{},["Set"],["ShallowReactive",3266],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f5ZJdl_cbFs812UDWDe3ufSsWdR9illUIOutsGQH-BsI":-1},"/vueuse/vueuse/3644"]