\n\n### Reproduction\n\nhttps://playground.vueuse.org/?vueuse=13.3.0#eNq9VW1v0zAQ/itHvrST6qajmzRV6cRA+wCIgRjwKdIUEif1ltiRX7JWVf87Zydtk2wrBSHyobXvzc9zvjuvvauyHFeGejMvULFkpQZFtSkhj3g2Dz2tQu8y5KwohdSwBqPopyhj8Ue6UrCBVIoCBm8wACr8WEg6aBnHoiiNpsnOEO32egzRiMc+ri0KVIY8FlxZb7VgqR5BNQIzAjoChes7c4crc6fsX2ykpFxj9HkH1/BkG+TBopzvcAyHJzC/hCspo9XYHj1sQpygR+DX/JEtbjQtyjzSFHcAQcIqiPNIKcxImtMl2B8SixyKZObWUjy6RAF+ASuyegWgZIw+PnIbqyoLva18G21BphdQrsgFFCQyWoCWEVepkEW9YpoJDomRkV2Q88lkH2O2DbKGgSijmOkVmQxm8KpJ00AKjRTI6YWVunTCZuvuaDq0SK4BjhsuNN2B03SpSYz5oRIKTSZQ/CTnO5r2+yKpUqAXFFKR5+KR8axOumVC8QaE0bvYvg2+P+pJUrOoJFO4N0qzdNWc2zktsCUzq6LcUPSpOjqAHy1DW1AvOpqeoznWkfYc6QHHNrtiSU5DD/yjEX0/FlHdnXtH9c+pBH5dH392bbZcpgfuzhVjD8Ktkx2J35V4vwDMoQvpJtxOkH7S1d8lodclZ13aN7bm3bR0vUKTwHeiF0rFZRSjvO4nVGGDU4KFBAXjZEFOx+e06DEIYpG0ONivIjhLMC42JTDuenM/QJoxgsLaoq/ZgRJck0Jw0TXonA2wXtvwsNl0IOGjkHTYNql8uusm+ZkhmkYVw7n+Hwdp89D8bpDusQd+6+HwRvh8IuCUZeN7JTi+sWtrHHr2QWI5lZ9LCwZvZAZOY3WRnaMfnExLQ0dbebyg8cMz8nu1tLLQs/VFZYVlvdPpSGYU+8yqr29vsFBbykIkJkfrA8qvVIncWIy12VvDE4TdsnNo37sHHWf/N3W91BST3ZCyQK3lxtlj1xr67gD1Pdzp+Mz5hXzjbX4BkdmOiQ==\n\n### System Info\n\n```Shell\nChrome Version 137.0.7151.69\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.",[],4831,"BUG | `playground` | 在线代码无法解析","2025-06-23T09:10:07Z","https://github.com/vueuse/vueuse/issues/4831",0.61608547,{"description":3035,"labels":3036,"number":3037,"owner":3020,"repository":3020,"state":3021,"title":3038,"updated_at":3039,"url":3040,"score":3041},"### Describe the bug\n\n引入useDark, useToggle;const isDark = useDark();const toggleDark = useToggle(isDark);\r\n通过监听isDark的变化,来进行页面的主题切换;\r\n出现问题:当页面当前的主题色,与widow系统即将切换的主题色和页面相同,监听不到isDark的变化;尽管多次切换也是如此\r\n如果与widow系统即将切换的主题色和页面不相同,则能监听到\n\n### Reproduction\n\nhttps://stackblitz.com/edit/vitejs-vite-rfeawt/?file=src%2FApp.vue\n\n### System Info\n\n```Shell\n系统:Windows 10 家庭中文版 64\r\n浏览器:Chrome 版本 115.0.5790.110\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.",[],3285,"useDark不更新问题","2023-08-03T08:16:19Z","https://github.com/vueuse/vueuse/issues/3285",0.6204485,{"description":3043,"labels":3044,"number":3045,"owner":3020,"repository":3020,"state":3021,"title":3046,"updated_at":3047,"url":3048,"score":3049},"### 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.6223837,{"description":3051,"labels":3052,"number":3053,"owner":3020,"repository":3020,"state":3021,"title":3054,"updated_at":3055,"url":3056,"score":3057},"### Describe the bug\n\n**Reproduction:** press on the button and finish press without moving the mouse. As a result, `onSwipeEnd` will not be called.\r\n\r\n**Explanation:** if no swipe was made to the threshold value after pressing the button, then the `onSwipeEnd` function will not be called.\n\n### Reproduction\n\nhttps://play.vueuse.org/#N4IgDghgxg1hDmBTAziAXAbVAOwgW0XRADcBXRAWgBNE8BLEAGhGQHtSAnKQtEU7MDHhMQNZFA50wAFzqtsRAGrkABABFadFQAoAFhAA2AMxV1sKgGIdE2KLoCUp5CogqaxRAdZgz8FaVkDOmkATxcDLwB3ZxD2FWlWFUjJaUQVAFVsOg8OZEMVZTSAGToAIw4ISRQVI1YOAtUAJhUAMhUAZhFOAyJdaWkwZDQAemH+QXgAOihWPGGyShp6YaDS4bMaAA9JvAArVABfRhx8HhAAAQXSZERh5H1rKhE2Tm4icaERMQkpWXkiADKD0QVAaiHSN38gWCdBQky6HB6vD6AyGow+Uxmc0u5Gut3ulRB5wAnJMAAzk9bYLY7fYgI4nAhEHGIPHDGbWZ7sLhnDFfFA-GRyBS8ADCrAiiCgf3MrBMKBu2Fk+UKKnFeDArGQMPkGWhshQCKRIBRgxGYwEQmms2GLLZHMQJPJlI2iG2e0OAF1mEY6AZDWhQABBMBgSYLdCgVIagwQVJEAA8VGyKmQoX9AF4ADogPCVeBmNAqACMZLJYE2AG43HRkGBYyEi0Z-VXwnR4NgKMFaEMVNwlYgONX4BAwEXGuXW7trrIjCEKDMB0qi-3UhwcwA+LPmFQJ0oBBLmaxGbOibIAJUQRhzqfTiFPpWgQg47GpRfgFRC1cgVGT2HgRalhWm7bioYEqAACtYyDOAQoG7sM+79PIW7YPBtYqGA0E3FQRbAMAThQQqIIqAcBzbgmwzJsQG7PIK0hEHQGp1NIKgEXiEGsGYa4ApEUhpAcNQvngKgAOR2jc7J1IgonbkxmocKxBHHqRQmzGJCyyWhtjyGmhHYSRGYqMe2hGIYNz2JW26Lnp1GXiYRkmZZ27bhxXEDhwvH8dodlXowbHwWB8heWAiAAtIlTSEW2iOBmG76cRVDhoYqhGdIHDkIwgUqMFfGhQAom+OixfFtZETBILJQYqU1OZiBZdgBz2PSZFAA\n\n### System Info\n\n```Shell\nAs playground\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.",[],3111,"usePointerSwipe - callback function \"onSwipeEnd\" does not call","2023-08-04T12:59:59Z","https://github.com/vueuse/vueuse/issues/3111",0.6238879,{"description":3059,"labels":3060,"number":3061,"owner":3020,"repository":3020,"state":3021,"title":3062,"updated_at":3063,"url":3064,"score":3065},"### Describe the bug\n\nWhen there is too much content on the page, the scrolling plug-in will cause a stuck delay and a poor user experience\n\n### Reproduction\n\nNo link\n\n### System Info\n\n```Shell\nWhen moving elements, avoid modifying the top, right, bottom and left attributes. Instead, use transform: translate()\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.",[],2481,"The layout switch of the usevirtuallist component causes the page to get stuck","2023-01-17T07:20:10Z","https://github.com/vueuse/vueuse/issues/2481",0.6241193,{"description":3067,"labels":3068,"number":3069,"owner":3020,"repository":3020,"state":3021,"title":3070,"updated_at":3071,"url":3072,"score":3073},"### Describe the bug\n\n当我传递 useVModel 是一个对象的时候\r\n好想没有触发 app.js的 handleClicK 事件\r\n这是bug吗?\n\n### Reproduction\n\nhttps://stackblitz.com/edit/vitejs-vite-ay63pb/?file=src%2FApp.vue,src%2Fcomponents%2FHelloWorld.vue,src%2Fmain.js\n\n### System Info\n\n```Shell\n浏览器\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.",[],2940,"useVModel 是一个对象","2023-04-06T21:48:55Z","https://github.com/vueuse/vueuse/issues/2940",0.62427384,{"description":3075,"labels":3076,"number":3077,"owner":3020,"repository":3020,"state":3021,"title":3078,"updated_at":3079,"url":3080,"score":3081},"### Describe the bug\n\n代码如下\r\n```vue\r\n\u003Cscript setup>\r\nimport { useDark, useToggle } from '@vueuse/core'\r\nlet isDark = useDark();\r\n\u003C/script>\r\n\u003Ctemplate>\r\n\u003Cel-switch v-model=\"isDark\">\u003C/el-switch>\r\n\u003C/template>\r\n``` \n\n### Reproduction\n\nhttps://github.com/Cxk-1233/use-dark-debug.git\n\n### System Info\n\n```Shell\n无错误信息\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.",[],3167,"useDark应用在v-model中会导致组件的动画失效","2023-06-28T11:55:00Z","https://github.com/vueuse/vueuse/issues/3167",0.62570775,{"description":3083,"labels":3084,"number":3085,"owner":3020,"repository":3020,"state":3021,"title":3086,"updated_at":3087,"url":3088,"score":3089},"### 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.6258983,{"description":3091,"labels":3092,"number":3093,"owner":3020,"repository":3020,"state":3021,"title":3094,"updated_at":3095,"url":3096,"score":3097},"### 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.6268646,["Reactive",3099],{},["Set"],["ShallowReactive",3102],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$ff1JmgteKOib-KFomOCQsem3lWz5RwoxNXh8FyDBlTOM":-1},"/vueuse/vueuse/1700"]