` 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",[],"TypeError: Cannot read properties of undefined (reading 'version')","2022-11-25T02:10:33Z","https://github.com/vueuse/sound/issues/17",0.7174567,{"description":3168,"labels":3169,"number":1612,"owner":3137,"repository":3138,"state":3139,"title":3170,"updated_at":3171,"url":3172,"score":3173},"Failed to compile.\r\n\r\n./node_modules/@vueuse/sound/dist/index.mjs 11:52\r\nModule parse failed: Unexpected token (11:52)\r\nYou may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders\r\n| if (typeof onload === \"function\")\r\n| onload.call(this);\r\n> duration.value = (duration.value || sound.value?.duration() || 0) * 1e3;\r\n| if (autoplay === true) {\r\n| isPlaying.value = true;",[],"Not work in Vuejs 3","2023-09-23T14:06:21Z","https://github.com/vueuse/sound/issues/37",0.71783423,{"description":3175,"labels":3176,"number":3177,"owner":3137,"repository":3138,"state":3139,"title":3178,"updated_at":3179,"url":3180,"score":3181},"Hi @Tahul ,\r\n\r\nYou asked for my experience with nuxt and this package. I tried to get it to work after the latest update, but it seems like it doesn't work. I have a sound in my public folder like this : public/sounds/back.wav\r\n\r\n\r\n\r\n`\u003Cscript setup>\r\nimport { useSound } from '@vueuse/sound'\r\n\r\nconst { play, sound } = useSound('/sounds/back.wav')\r\n\u003C/script>\r\n\r\n\u003Ctemplate>\r\n \u003Cbutton @click=\"play \">\r\n test\r\n \u003C/button>\r\n\u003C/template>\r\n`\r\n\r\nThis is my test component\r\n\r\n` \r\n modules: ['@vueuse/sound/nuxt']\r\nsound: {\r\n sounds: {\r\n scan: true,\r\n },\r\n },`\r\n \r\n Did I have something wrong or do I need to change something to get it to work?\r\n \r\n Thanks in advance!",[],33,"Nuxt not working with sound","2023-08-31T13:56:56Z","https://github.com/vueuse/sound/issues/33",0.72134244,{"description":3183,"labels":3184,"number":1882,"owner":3137,"repository":3138,"state":3139,"title":3185,"updated_at":3186,"url":3187,"score":3188},"\r\ndependencies:\r\n+ @vueuse/sound 1.1.7\r\n+ lingo3d-vue 1.0.49\r\n+ vue 3.2.33\r\n\r\ndevDependencies:\r\n+ @vitejs/plugin-vue 2.3.2\r\n+ typescript 4.6.4\r\n+ vite 2.9.8\r\n+ vue-tsc 0.29.8\r\n\r\n WARN Issues with peer dependencies found\r\n.\r\n└─┬ @vueuse/sound\r\n └─┬ @vue/composition-api\r\n └── ✕ unmet peer vue@\">= 2.5 \u003C 3\": found 3.2.3\r\n",[],"一个警告","2023-01-29T11:47:01Z","https://github.com/vueuse/sound/issues/24",0.72802615,{"description":3190,"labels":3191,"number":3192,"owner":3137,"repository":3193,"state":3139,"title":3194,"updated_at":3195,"url":3196,"score":3197},"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.7344054,{"description":3199,"labels":3200,"number":3201,"owner":3137,"repository":3138,"state":3202,"title":3203,"updated_at":3204,"url":3205,"score":3206},"Thank you to share this amazing project. But I got some problems with setup on my vue2 project.\r\n\r\n\r\nERROR in /Users/---/Developer/**/node_modules/@vueuse/sound/dist/esm/src/types.d.ts\r\n1:35 Could not find a declaration file for module 'howler'. '/Users/---/Developer/---/node_modules/howler/dist/howler.js' implicitly has an 'any' type.\r\n Try `npm install @types/howler` if it exists or add a new declaration (.d.ts) file containing `declare module 'howler';`\r\n > 1 | import { Howl, HowlOptions } from 'howler';\r\n | ^\r\n 2 | import { ComputedRef, Ref } from 'vue-demi';\r\n 3 | export interface HowlStatic {\r\n 4 | new (properties: HowlOptions): Howl;\r\nNo lint errors found",[],14,"closed","error in vue2 with typescript","2024-01-16T10:14:01Z","https://github.com/vueuse/sound/issues/14",0.6503497,{"description":3208,"labels":3209,"number":3210,"owner":3137,"repository":3137,"state":3202,"title":3211,"updated_at":3212,"url":3213,"score":3214},"### Describe the bug\r\n\r\nThe default example does not work with Nuxt3\r\nhttps://vueuse.org/integrations/useCookies/#common-usage\r\n\r\nWith the following code\r\n```html\r\n\u003Ctemplate>\r\n \u003Cdiv>\r\n \u003Cstrong>locale\u003C/strong>: {{ cookies.get('locale') }}\r\n \u003Chr>\r\n \u003Cpre>{{ cookies.getAll() }}\u003C/pre>\r\n \u003Cbutton @click=\"cookies.set('locale', 'ru-RU')\">Russian\u003C/button>\r\n \u003Cbutton @click=\"cookies.set('locale', 'en-US')\">English\u003C/button>\r\n \u003C/div>\r\n\u003C/template>\r\n\r\n\u003Cscript setup>\r\nimport { useCookies } from '@vueuse/integrations/useCookies'\r\n\r\nconst cookies = useCookies(['locale'])\r\n\u003C/script>\r\n```\r\n\r\n\r\n\r\n\r\nBtw, I do have a different error on Stackblitz: https://stackblitz.com/~/github.com/kissu/vueuse-cookie-nuxt3\r\n`_universal_cookie.default is not a constructor`, but it's probably related\r\n\r\n### Reproduction\r\n\r\n[Codesandbox reproduction](https://codesandbox.io/p/github/kissu/vueuse-cookie-nuxt3/main?layout=%257B%2522sidebarPanel%2522%253A%2522EXPLORER%2522%252C%2522rootPanelGroup%2522%253A%257B%2522direction%2522%253A%2522horizontal%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522id%2522%253A%2522ROOT_LAYOUT%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522UNKNOWN%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522clpfro7kb00072v6k6ihnmhqd%2522%252C%2522sizes%2522%253A%255B70%252C30%255D%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522EDITOR%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522EDITOR%2522%252C%2522id%2522%253A%2522clpfro7kb00032v6k2naogfh2%2522%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522direction%2522%253A%2522horizontal%2522%252C%2522id%2522%253A%2522SHELLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522SHELLS%2522%252C%2522id%2522%253A%2522clpfro7kb00052v6knqs91a04%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%257D%252C%257B%2522type%2522%253A%2522PANEL_GROUP%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522direction%2522%253A%2522vertical%2522%252C%2522id%2522%253A%2522DEVTOOLS%2522%252C%2522panels%2522%253A%255B%257B%2522type%2522%253A%2522PANEL%2522%252C%2522contentType%2522%253A%2522DEVTOOLS%2522%252C%2522id%2522%253A%2522clpfro7kb00062v6kianyfvca%2522%257D%255D%252C%2522sizes%2522%253A%255B100%255D%257D%255D%252C%2522sizes%2522%253A%255B60%252C40%255D%257D%252C%2522tabbedPanels%2522%253A%257B%2522clpfro7kb00032v6k2naogfh2%2522%253A%257B%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clpfro7kb00022v6kmw0r87ao%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522FILE%2522%252C%2522filepath%2522%253A%2522%252FREADME.md%2522%252C%2522state%2522%253A%2522IDLE%2522%257D%255D%252C%2522id%2522%253A%2522clpfro7kb00032v6k2naogfh2%2522%252C%2522activeTabId%2522%253A%2522clpfro7kb00022v6kmw0r87ao%2522%257D%252C%2522clpfro7kb00062v6kianyfvca%2522%253A%257B%2522id%2522%253A%2522clpfro7kb00062v6kianyfvca%2522%252C%2522activeTabId%2522%253A%2522clpfrrs0i00qn2v6k4qn1ijez%2522%252C%2522tabs%2522%253A%255B%257B%2522type%2522%253A%2522TASK_PORT%2522%252C%2522taskId%2522%253A%2522dev%2522%252C%2522port%2522%253A3000%252C%2522id%2522%253A%2522clpfrrs0i00qn2v6k4qn1ijez%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522path%2522%253A%2522%252F%2522%257D%255D%257D%252C%2522clpfro7kb00052v6knqs91a04%2522%253A%257B%2522id%2522%253A%2522clpfro7kb00052v6knqs91a04%2522%252C%2522activeTabId%2522%253A%2522clpfro8dx007u2v6k6ym8hclg%2522%252C%2522tabs%2522%253A%255B%257B%2522id%2522%253A%2522clpfro7kb00042v6klmwved1c%2522%252C%2522mode%2522%253A%2522permanent%2522%252C%2522type%2522%253A%2522TERMINAL%2522%252C%2522shellId%2522%253A%2522clpfro7n4000defgvhbjkc5le%2522%257D%252C%257B%2522type%2522%253A%2522TASK_LOG%2522%252C%2522taskId%2522%253A%2522dev%2522%252C%2522id%2522%253A%2522clpfro8dx007u2v6k6ym8hclg%2522%252C%2522mode%2522%253A%2522permanent%2522%257D%252C%257B%2522type%2522%253A%2522TASK_LOG%2522%252C%2522taskId%2522%253A%2522CSB_RUN_OUTSIDE_CONTAINER%253D1%2520devcontainer%2520templates%2520apply%2520--template-id%2520%255C%2522ghcr.io%252Fdevcontainers%252Ftemplates%252Ftypescript-node%255C%2522%2520--template-args%2520%27%257B%257D%27%2520--features%2520%27%255B%255D%27%2522%252C%2522id%2522%253A%2522clpfrohg200bd2v6k08ysytel%2522%252C%2522mode%2522%253A%2522permanent%2522%257D%255D%257D%257D%252C%2522showDevtools%2522%253Atrue%252C%2522showShells%2522%253Atrue%252C%2522showSidebar%2522%253Atrue%252C%2522sidebarPanelSize%2522%253A15%257D)\r\n\r\n### System Info\r\n\r\n```Shell\r\nSystem:\r\n OS: Linux 5.15 Ubuntu 20.04.2 LTS (Focal Fossa)\r\n CPU: (32) x64 AMD Ryzen 9 5950X 16-Core Processor\r\n Memory: 48.68 GB / 62.70 GB\r\n Container: Yes\r\n Shell: 5.8 - /bin/zsh\r\n Binaries:\r\n Node: 20.9.0 - ~/.nvm/versions/node/v20.9.0/bin/node\r\n Yarn: 1.22.19 - ~/.nvm/versions/node/v20.9.0/bin/yarn\r\n npm: 10.1.0 - ~/.nvm/versions/node/v20.9.0/bin/npm\r\n pnpm: 8.9.2 - ~/.local/share/pnpm/pnpm\r\n bun: 1.0.9 - ~/.bun/bin/bun\r\n Browsers:\r\n Brave Browser: 119.1.60.118\r\n Chrome: 119.0.6045.159\r\n npmPackages:\r\n @vueuse/integrations: ^10.6.1 => 10.6.1 \r\n vue: ^3.3.8 => 3.3.9\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.",[],3589,"Cookie is not a constructor","2023-12-17T14:10:31Z","https://github.com/vueuse/vueuse/issues/3589",0.6678466,["Reactive",3216],{},["Set"],["ShallowReactive",3219],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fSwGHrg0xAI6EJMzjMhKmKbkWNYt11E4Ffv1ra_5RSG4":-1},"/vueuse/sound/32"]