` component which emits startGame_\r\n\r\nHere is the code:\r\n```\r\n\u003Ctemplate>\r\n \u003CModal @startGame=\"startGame\" />\r\n\u003C/template>\r\n\r\n\u003Cscript>\r\nimport { useSound } from '@vueuse/sound'\r\nimport bgAudio from '@/assets/audio/stranger-things.mp3'\r\n\r\nexport default {\r\n setup() {\r\n const { play } = useSound(bgAudio)\r\n\r\n const startGame = () => {\r\n /* other codes here */\r\n play()\r\n }\r\n return {\r\n startGame\r\n }\r\n }\r\n}\r\n\u003C/script>\r\n```\r\n",[],"vueuse","sound","open","TypeError: Cannot read properties of undefined (reading 'version')","2022-11-25T02:10:33Z","https://github.com/vueuse/sound/issues/17",0.68331474,{"description":3180,"labels":3181,"number":3188,"owner":3172,"repository":3172,"state":3174,"title":3189,"updated_at":3190,"url":3191,"score":3192},"### Describe the bug\n\nThe route is not properly updated if multiply query params (with multiple `useRouteQuery` calls) are updated in quick succession, but not in the same tick.\n\n```ts\nimport { nextTick } from 'vue';\nimport { useRouteQuery } from '@vueuse/router';\n\nconst a = useRouteQuery('a');\nconst b = useRouteQuery('b');\n\na.value = 'foo';\n\nnextTick(() => {\n b.value = 'bar';\n});\n\n\n// will result in ?b=bar (second query update overwrites first update)\n```\n\n### Reproduction\n\nhttps://github.com/DerZade/vueuse-use-route-query-bug\n\n### System Info\n\n```Shell\nSystem:\n OS: Linux 6.12 Fedora Linux 41 (Workstation Edition)\n CPU: (16) x64 AMD Ryzen 7 7840U w/ Radeon 780M Graphics\n Memory: 48.76 GB / 60.62 GB\n Container: Yes\n Shell: 5.2.32 - /bin/bash\n Binaries:\n Node: 20.18.1 - ~/.nvm/versions/node/v20.18.1/bin/node\n Yarn: 1.22.22 - /usr/local/bin/yarn\n npm: 10.8.2 - ~/.nvm/versions/node/v20.18.1/bin/npm\n bun: 1.1.42 - ~/.bun/bin/bun\n Browsers:\n Chrome: 132.0.6834.159\n npmPackages:\n vue: ^3.5.13 => 3.5.13\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.",[3182,3185],{"name":3183,"color":3184},"has workaround","4260B0",{"name":3186,"color":3187},"pending triage","d73a4a",4563,"BUG | `useRouteQuery` | Fails to handle quick successive updates to different query params","2025-02-28T08:26:11Z","https://github.com/vueuse/vueuse/issues/4563",0.697722,{"description":3194,"labels":3195,"number":3196,"owner":3172,"repository":3197,"state":3174,"title":3198,"updated_at":3199,"url":3200,"score":3201},"Hello, I'm trying to create a Vite Library with Vue-Demi to work in Nuxt 2 and Nuxt 3.\r\n\r\nI guess I'm missing something. I've seen a lot of examples but I don't know what I'm doing wrong.\r\n\r\n[Here is the repo with the examples and errors.](https://github.com/priverop/vue-demi-vite-with-nuxt)\r\n\r\nAfter running `yarn install && yarn dev` in both the **lib-consumer** projects it works fine in Nuxt 2 but it doesn't work in Nuxt 3.\r\n\r\nnuxt.config.ts\r\n```typescript\r\nexport default defineNuxtConfig({\r\n build: {\r\n transpile: ['@prp-astara/vite-test-lib'],\r\n },\r\n})\r\n```\r\n\r\n```bash\r\n[Vue warn]: Property \"_self\" was accessed during render but is not defined on instance. 13:18:50\r\n[Vue warn]: Unhandled error during execution of render function 13:18:50\r\n at \u003CAnonymous>\r\n[nitro] [dev] [unhandledRejection] TypeError: Cannot read properties of undefined (reading '_c') 13:18:50\r\n at Proxy.$ (/vue-demi-vite-with-nuxt/nuxt3-lib-consumer/node_modules/@prp-astara/vite-test-lib/dist/vite-test-lib.umd.js:1:1163)\r\n at renderComponentRoot (/vue-demi-vite-with-nuxt/nuxt3-lib-consumer/node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:906:44) 13:18:41\r\n at renderComponentSubTree (/vue-demi-vite-with-nuxt/nuxt3-lib-consumer/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:719:51)\r\n at renderComponentVNode (/vue-demi-vite-with-nuxt/nuxt3-lib-consumer/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:644:16)\r\n at Module.ssrRenderComponent (/vue-demi-vite-with-nuxt/nuxt3-lib-consumer/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:94:12)\r\n at _sfc_ssrRender (/vue-demi-vite-with-nuxt/nuxt3-lib-consumer/app.vue:23:31)\r\n at renderComponentSubTree (/vue-demi-vite-with-nuxt/nuxt3-lib-consumer/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:710:17)\r\n at renderComponentVNode (/vue-demi-vite-with-nuxt/nuxt3-lib-consumer/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:644:16)\r\n at Module.ssrRenderComponent (/vue-demi-vite-with-nuxt/nuxt3-lib-consumer/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:94:12)\r\n at default (/vue-demi-vite-with-nuxt/nuxt3-lib-consumer/node_modules/nuxt/dist/app/components/nuxt-root.vue:63:37)\r\n```\r\n\r\nThis is the exact issue I had when you try to get Vue 2 working in Nuxt 3.\r\n\r\nThank you",[],212,"vue-demi","Can't get it working with Vite in Nuxt 3","2023-02-08T16:29:10Z","https://github.com/vueuse/vue-demi/issues/212",0.70196944,{"description":3203,"labels":3204,"number":3205,"owner":3172,"repository":3173,"state":3174,"title":3206,"updated_at":3207,"url":3208,"score":3209},"Following the installation instructions I get an error at startup:\r\n`[21:40:34] ERROR Cannot start nuxt: Cannot find module ./plugins/sounds imported from site_path/node_modules/@vueuse/sound/dist/runtime, site_path/node_modules/@vueuse/sound/dist/, site_path/node_modules/@vueuse/sound/dist/runtime/_index.js, \r\nsite_path/node_modules/@vueuse/sound/dist/node_modules`\r\n\r\n\r\nWhen trying to use via @vueuse/nuxt there is an error in the browser console:\r\n`index.mjs?v=ef472835:18 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'Howl')\r\n at index.mjs?v=ef472835:18:44`",[],50,"Optimize for nuxt ^v3.14.0","2024-12-28T16:47:17Z","https://github.com/vueuse/sound/issues/50",0.71166587,{"description":3211,"labels":3212,"number":3216,"owner":3172,"repository":3172,"state":3174,"title":3217,"updated_at":3218,"url":3219,"score":3220},"### Describe the bug\r\n\r\nWhen calling `until` on a ref of an array, _e.g._ `until(ref([]))`, the response does not include \"all the methods\". It is of type `UntilArrayInstance`.\r\n\r\nBut when I use `until` on a ref that may be `undefined`, something weird is happing. In any cases, the return type is `UntilValueInstance`, but at *runtime*:\r\n1) If the ref is initialized with undefined, _e.g._ `until(ref\u003Cstring[]>())`, then the returned value corresponds to the type as expected\r\n2) If the ref is initialized with any array, _e.g._ `until(ref\u003Cstring[]>([]))` then the returned value corresponsed to `UntilArrayInstance` interface\r\n\r\nIs it by design ? This makes really difficult to rely on TS to handle the different possible cases. (It is possible that I have a computed which initial value is not known at the setup of the component, because coming from a store or things like that).\r\n\r\nFor instance, my code was throwing because I was relying on the inferred return type `UntilValueInstance` but the runtime returned object did not include the desired methods.\r\n\r\n\r\n### Reproduction\r\n\r\n[reproduction link](https://play.vueuse.org/#N4IgDghgxg1hDmBTAziAXAbVAOwgW0XRADcBXRAWgBNE8BLEAGhGQHtSAnKQtEU7MDHhMQNZFA50wAFzqtsRAGrkABABFadFQAoAFhAA2AMxV1sKgGIdE2KLoCUp5CogqaxRAdZgz8FaVkDOmkATxcDLwB3ZxD2FWlWFUjJaUQVAFVsOg8OZEMVZTSAGToAIw4ISRQVI1YOAtUAJhUAMhUAZhFOAyJdaWkwZDQAemH+QXgAOihWPGGyShp6YaDS4bMaAA9JvAArVABfRhx8HhAAAQXSZERh5H1rKhE2Tm4icaERMQkpWXkiADKD0QVAaiHSN38gWCdBQky6HB6vD6AyGow+Uxmc0u5Gut3ulRB5wAjAAGSbEyak9bYLY7fYgI4nAhEHGIPHDGbWZ7sLhnDFfFA-GRyBS8ADCrAiiCgf3MrBMKBu2Fk+UKKkleDArGQMPkGWhshQCKRIBRgxGYwEQmms2GbI5XMQJPJlOpG0Q2z2hwAuswjHQDMa0KAAIJgMCTBboUCpLUGCCpIjPYXSIh0LV1aQqYD+FWBlQHGocWYqADkDpunLqiDLAB0spmONnc1iwAEQYXi6WywsywBuBsN0YuZDIUgEeL6bPSXRpMww-LEQyqAAGGB9q5UWOqRhLeBcKmQCWsKlKAW3EGw2FY2dKaRgN8i5ivoJmpAMoPveZoAewIIbGZsGPFRlwMFQAF5t1mdtUiobRtEcCCAD4VA3ewh1wZAQlsGp+FlUV4hQaREJzBsVBcSIIGCPNAm0MD7EmG9pEmBIACFwVpRA-xBRDB2wA5MNSY8+MZZhJTqKgzETRAo3IGMQDjMAEyTXgAB4pOIciankaQILrEA8HkVgDO00p4H0kAgngPoKAAVlJUk3EqGA0CoFz7Mc0zzBqINNksgA-aCDG8ijUk2PSDO4FVEA4UKVDASzGni0pJNiyyS34GgqG85DtLU5BIHMcLIpAAAWTYQpAZDgFzMDVAOA41LuIq8p8gqiqIiLLOQA93I4VzrNsgBORznIGtBvGgYIQk8gyVDwSzpAoZLqoAWXYSFapUBN73AxrmsKq82uazTkJTSQZCIX8zEQAAFEtBm0YBtN2zw0BUAFpEkbB4EYbT6sQD6ADkJ3vDh-oE+xGUaoA)\r\n\r\n### System Info\r\n\r\n```Shell\r\nSystem:\r\n OS: macOS 14.1.1\r\n CPU: (11) arm64 Apple M3 Pro\r\n Memory: 154.41 MB / 36.00 GB\r\n Shell: 5.9 - /bin/zsh\r\n Binaries:\r\n Node: 18.18.2 - ~/.nvm/versions/node/v18.18.2/bin/node\r\n Yarn: 3.6.3 - ~/.nvm/versions/node/v18.18.2/bin/yarn\r\n npm: 9.8.1 - ~/.nvm/versions/node/v18.18.2/bin/npm\r\n Browsers:\r\n Chrome: 119.0.6045.123\r\n Safari: 17.1\r\n npmPackages:\r\n @vueuse/core: ^10.7.2 => 10.7.2\r\n vue: ^2.7.15 => 2.7.14\r\n```\r\n\r\n\r\n### Used Package Manager\r\n\r\nyarn\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.",[3213],{"name":3214,"color":3215},"enhancement","a2eeef",3740,"Missing methods on `until` called on a maybe undefined array ref whilst listed by TS","2025-02-28T16:13:22Z","https://github.com/vueuse/vueuse/issues/3740",0.71274745,{"description":3222,"labels":3223,"number":3224,"owner":3172,"repository":3172,"state":3225,"title":3226,"updated_at":3227,"url":3228,"score":3229},"```log\r\n$ yarn run start\r\nyarn run v1.22.11\r\n$ node .output/server/index.mjs\r\n(node:32697) ExperimentalWarning: stream/web is an experimental feature. This feature could change at any time\r\n(Use `node --trace-warnings ...` to show where the warning was created)\r\nListening on http://localhost:3000\r\n[Vue warn]: inject() can only be used inside setup() or functional components.\r\n[Vue warn]: inject() can only be used inside setup() or functional components.\r\nCannot read properties of undefined (reading 'query')\r\n at ReactiveEffect.get [as fn] (file://./.output/server/node_modules/@vueuse/router/index.mjs:48:26)\r\n at ReactiveEffect.run (./.output/server/node_modules/@vue/reactivity/dist/reactivity.cjs.js:164:29)\r\n at ComputedRefImpl.get value [as value] (./.output/server/node_modules/@vue/reactivity/dist/reactivity.cjs.js:1079:39)\r\n at ReactiveEffect.fn (file://./.output/server/chunks/app/server.mjs:30808:37)\r\n at ReactiveEffect.run (file://./.output/server/chunks/index.mjs:817:29)\r\n at ComputedRefImpl.get value [as value] (file://./.output/server/chunks/index.mjs:1674:39)\r\n at Object.unref (file://./.output/server/chunks/index.mjs:1587:29)\r\n at file://./.output/server/chunks/app/server.mjs:30819:127\r\n at renderComponentSubTree (file://./.output/server/chunks/index.mjs:9860:13)\r\n at renderComponentVNode (file://./.output/server/chunks/index.mjs:9811:16)\r\n^C\r\n```",[],1074,"closed","useRouteQuery can not working with nuxt3 when packaged","2022-09-21T19:28:09Z","https://github.com/vueuse/vueuse/issues/1074",0.6394084,{"description":3231,"labels":3232,"number":3233,"owner":3172,"repository":3197,"state":3225,"title":3234,"updated_at":3235,"url":3236,"score":3237},"I use [vue-echarts](https://github.com/ecomfe/vue-echarts) in my library, but when I connect the component, I see the following error:\r\n\r\n\r\nWhat could be the problem?\r\n",[],124,"Cannot read properties of undefined (reading 'version')","2022-01-21T05:50:18Z","https://github.com/vueuse/vue-demi/issues/124",0.6826,{"description":3239,"labels":3240,"number":3241,"owner":3172,"repository":3172,"state":3225,"title":3242,"updated_at":3243,"url":3244,"score":3245},"### Describe the bug\n\ndont work list reactive data in useRouteQuery\n\n### Reproduction\n\nhttps://stackblitz.com/edit/vitejs-vite-pjwtpr/?file=src%2FApp.vue,package.json\n\n### System Info\n\n```Shell\nBinaries:\r\n Node: 20.6.1 - ~/.nvm/versions/node/v20.6.1/bin/node\r\n Yarn: 1.22.19 - ~/.nvm/versions/node/v20.6.1/bin/yarn\r\n npm: 9.8.1 - ~/.nvm/versions/node/v20.6.1/bin/npm\r\n pnpm: 8.11.0 - ~/.nvm/versions/node/v20.6.1/bin/pnpm\r\n Browsers:\r\n Chrome: 119.0.6045.123\r\n npmPackages:\r\n @vueuse/core: ^9.13.0 => 9.13.0 \r\n @vueuse/router: ^9.13.0 => 9.13.0 \r\n vue: ^3.3.4 => 3.3.8\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.",[],3636,"Problem reactive data in useRouteQuery for list query","2023-12-13T06:50:20Z","https://github.com/vueuse/vueuse/issues/3636",0.7045709,{"description":3247,"labels":3248,"number":3249,"owner":3172,"repository":3172,"state":3225,"title":3250,"updated_at":3251,"url":3252,"score":3253},"### Describe the bug\n\nWith VueUse 1.6.0 I have got an error that is not present in version 1.5.0.\r\nError:\r\n```\r\nnuxt.js:97 [nuxt] error caught during app initialization TypeError: Cannot read properties of null (reading 'document')\r\n```\r\nIn the reproduction I have produced error with using `useInfiniteScroll` function (found same for `useScroll`) and it happens because on top of ref element I have an element with conditional rendering. \r\nWhile testing, I have noticed that if I remove condition for rendering the element, error does not appear.\r\nI have an example where I need the condition to be part of element tree that renders scrolling element and it worked in 1.5.0\n\n### Reproduction\n\nhttps://github.com/frasza/vueuse-nuxt-scroll\n\n### System Info\n\n```Shell\nNuxi info:\r\n------------------------------\r\n- Operating System: Windows_NT\r\n- Node Version: v20.9.0\r\n- Nuxt Version: 3.8.1\r\n- CLI Version: 3.9.1\r\n- Nitro Version: 2.7.2\r\n- Package Manager: pnpm@8.9.0\r\n- Builder: -\r\n- User Config: modules, ssr, devtools\r\n- Runtime Modules: @vueuse/nuxt@10.6.0, @nuxtjs/tailwindcss@6.9.4\r\n- Build Modules: -\r\n------------------------------\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.",[],3543,"VueUse 1.6.0 - Cannot read properties of null (reading 'document')","2023-11-13T09:57:41Z","https://github.com/vueuse/vueuse/issues/3543",0.7090595,{"description":3255,"labels":3256,"number":3260,"owner":3172,"repository":3172,"state":3225,"title":3261,"updated_at":3262,"url":3263,"score":3264},"### Describe the bug\n\n#3050 differentiates between `undefined` and `null`. However, types do not reflect that value can be `undefined`.\n\n### Reproduction\n\nhttps://github.com/vueuse/vueuse/issues/3050\n\n### System Info\n\n```Shell\nSystem, Binaries, Browsers\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.",[3257],{"name":3258,"color":3259},"has pr","5319E7",3294,"Types of useRouteQuery are missing undefined","2024-12-24T04:41:14Z","https://github.com/vueuse/vueuse/issues/3294",0.70959496,["Reactive",3266],{},["Set"],["ShallowReactive",3269],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fLiKK34Oyb-vv1bP2tnjvdHU5RPhOYxObeb73YDEY5L0":-1},"/vueuse/vueuse/1727"]