` 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.7685968,{"description":3183,"labels":3184,"number":3185,"owner":3137,"repository":3138,"state":3139,"title":3186,"updated_at":3187,"url":3188,"score":3189},"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.7706749,{"description":3191,"labels":3192,"number":3193,"owner":3137,"repository":3194,"state":3139,"title":3195,"updated_at":3196,"url":3197,"score":3198},"I've been having a difficult time working out how to build a universal component library with SFCs that can be used by both Vue2 and Vue3 apps bundled together in a Yarn 3 workspaces monorepo. \r\n\r\nI have created a (failing) [proof of concept](https://github.com/phobetron/demi-components-poc) project. The library builds, and the Vue3 app renders it correctly. However, the Vue 2 app will not build, and gives the following error:\r\n\r\n```plain text\r\nfailed to load config from \u003Cpath to>demi-components-poc/packages/example-vue2/vite.config.ts\r\nerror when starting dev server:\r\nError:\r\n\r\nVue packages version mismatch:\r\n\r\n- vue@3.2.31 (\u003Cpath to>demi-components-poc/node_modules/vue/index.js)\r\n- vue-template-compiler@2.6.14 (\u003Cpath to>demi-components-poc/node_modules/vue-template-compiler/package.json)\r\n\r\nThis may cause things to work incorrectly. Make sure to use the same version for both.\r\nIf you are using vue-loader@>=10.0, simply update vue-template-compiler.\r\nIf you are using vue-loader@\u003C10.0 or vueify, re-installing vue-loader/vueify should bump vue-template-compiler to the latest.\r\n\r\n at Object.\u003Canonymous> (\u003Cpath to>demi-components-poc/node_modules/vue-template-compiler/index.js:10:9)\r\n at Module._compile (node:internal/modules/cjs/loader:1101:14)\r\n at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)\r\n at Module.load (node:internal/modules/cjs/loader:981:32)\r\n at Function.Module._load (node:internal/modules/cjs/loader:822:12)\r\n at Module.require (node:internal/modules/cjs/loader:1005:19)\r\n at require (node:internal/modules/cjs/helpers:102:18)\r\n at Object.\u003Canonymous> (\u003Cpath to>demi-components-poc/node_modules/vite-plugin-vue2/dist/utils/descriptorCache.js:30:42)\r\n at Module._compile (node:internal/modules/cjs/loader:1101:14)\r\n at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)\r\n at Module.load (node:internal/modules/cjs/loader:981:32)\r\n at Function.Module._load (node:internal/modules/cjs/loader:822:12)\r\n at Module.require (node:internal/modules/cjs/loader:1005:19)\r\n at require (node:internal/modules/cjs/helpers:102:18)\r\n at Object.\u003Canonymous> (\u003Cpath to>demi-components-poc/node_modules/vite-plugin-vue2/dist/main.js:29:27)\r\n at Module._compile (node:internal/modules/cjs/loader:1101:14)\r\n```\r\n\r\nI've attempted various arrangements of `vue-demi-switch` calls, but this exact error occurs regardless, so I've left that out of the PoC.\r\n\r\nThe library, as well as both Vue apps, are built using Vite. Is there an incompatibility with `vue-demi` SFCs and Yarn workspaces, or maybe in how Vite loads Vue?",[],139,"vue-demi","Shared `vue-demi` SFC Library & Yarn 3 Workspace Compatibility Issues","2022-03-09T18:15:13Z","https://github.com/vueuse/vue-demi/issues/139",0.77377796,{"description":3200,"labels":3201,"number":3202,"owner":3137,"repository":3138,"state":3139,"title":3203,"updated_at":3204,"url":3205,"score":3206},"Hello! I was trying to use this module for nuxt 3, but it does not seem able to find some of the files, maybe it needs to be restructured so that it can find the file after being installed as a node module?\r\n\r\n\r\n",[],30,"Nuxt 3 failed to resolve import \"../../../index\" from useSound in runtime","2024-12-28T18:51:18Z","https://github.com/vueuse/sound/issues/30",0.77571094,{"description":3208,"labels":3209,"number":3210,"owner":3137,"repository":3137,"state":3211,"title":3212,"updated_at":3213,"url":3214,"score":3215},"```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.75384164,["Reactive",3217],{},["Set"],["ShallowReactive",3220],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$fa0fBOqD7xgxr9U1NVrGM_DjWkSDLlgWnntILGRyUAe8":-1},"/vueuse/sound/10"]