\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":3198,"labels":3199,"number":3200,"owner":3172,"repository":3172,"state":3173,"title":3201,"updated_at":3202,"url":3203,"score":3204},"### 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":3206,"labels":3207,"number":3208,"owner":3172,"repository":3172,"state":3173,"title":3209,"updated_at":3210,"url":3211,"score":3212},"### 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":3214,"labels":3215,"number":3216,"owner":3172,"repository":3172,"state":3173,"title":3217,"updated_at":3218,"url":3219,"score":3220},"### 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":3222,"labels":3223,"number":3224,"owner":3172,"repository":3172,"state":3173,"title":3225,"updated_at":3226,"url":3227,"score":3228},"### 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":3230,"labels":3231,"number":3232,"owner":3172,"repository":3172,"state":3173,"title":3233,"updated_at":3234,"url":3235,"score":3236},"### 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":3238,"labels":3239,"number":3240,"owner":3172,"repository":3172,"state":3173,"title":3241,"updated_at":3242,"url":3243,"score":3244},"### 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":3246,"labels":3247,"number":3248,"owner":3172,"repository":3172,"state":3173,"title":3249,"updated_at":3250,"url":3251,"score":3252},"### 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,["Reactive",3254],{},["Set"],["ShallowReactive",3257],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$ff1JmgteKOib-KFomOCQsem3lWz5RwoxNXh8FyDBlTOM":-1},"/vueuse/vueuse/1700"]