` 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.7249562,{"description":3183,"labels":3184,"number":3185,"owner":3137,"repository":3186,"state":3139,"title":3187,"updated_at":3188,"url":3189,"score":3190},"### First off \r\nThanks for all the amazing work! Super excited to be using Vue Demi. 🚀 \r\n\r\n----------------------------------\r\n\r\n### The Problem: \r\nThis is likely a user error, but I'm not able to find any examples of consuming a vue-demi plugin in a Nuxt 2 application to help point me in the right direction. \r\n\r\n**Here's what I have for my package.json in my vue-demi plugin:** \r\n```json\r\n \"peerDependencies\": {\r\n \"@vue/composition-api\": \"^1.4.5\",\r\n \"vue\": \"^2.0.0 || >=3.0.0\"\r\n },\r\n \"peerDependenciesMeta\": {\r\n \"@vue/composition-api\": {\r\n \"optional\": true\r\n }\r\n },\r\n \"dependencies\": {\r\n \"vue-demi\": \"^0.12.5\",\r\n },\r\n```\r\n\r\n```js\r\nmodule.exports = {\r\n chainWebpack: (config) => {\r\n config.externals(['@vue/composition-api', 'vue']);\r\n },\r\n};\r\n```\r\n--------------------------------\r\n\r\n**And in my consuming application:** \r\n```json\r\n\"dependencies\": {\r\n \"my-vue-demi-plugin\": \"1.0.0\",\r\n \"nuxt\": \"^2.15.2\",\r\n}\r\n```\r\n\r\n--------------------------------\r\n\r\nI'm getting the following error: \r\n\u003Cimg width=\"497\" alt=\"Screen Shot 2022-04-25 at 7 18 40 PM\" src=\"https://user-images.githubusercontent.com/2212763/165194784-1eb33040-08e7-467c-984f-ed369a03a61c.png\">\r\n\r\n--------------------------------\r\n\r\nUpon further inspection, I see that there's a `default` nested inside of external vue reference, which it seems that the install function isn't expecting. \r\n\r\n\u003Cimg width=\"862\" alt=\"Screen Shot 2022-04-25 at 7 11 52 PM\" src=\"https://user-images.githubusercontent.com/2212763/165194971-acef8f9e-5477-4207-8b5d-a71b60c2a502.png\">\r\n\u003Cimg width=\"966\" alt=\"Screen Shot 2022-04-25 at 7 20 01 PM\" src=\"https://user-images.githubusercontent.com/2212763/165194974-f535ed70-3560-412c-a2e8-8ac25b77b9da.png\">\r\n\r\n\r\nWhat am I missing here? 🤷 🤔 \r\n\r\n",[],155,"vue-demi","Nuxt 2 having issues with the lib_install function ","2022-04-27T14:10:36Z","https://github.com/vueuse/vue-demi/issues/155",0.72520596,{"description":3192,"labels":3193,"number":3155,"owner":3137,"repository":3147,"state":3139,"title":3194,"updated_at":3195,"url":3196,"score":3197},"I created a new vue3 project with the package.json listed below in cli3.\r\n\r\nthen I integrated the MultiGesture.vue, but I always get an error. what could be the reason for this?\r\n\r\nis there a demo project in cli\r\n\r\n\r\n\r\n```\r\n in ./node_modules/@vueuse/motion/dist/index.mjs\r\n\r\nModule not found: Error: Can't resolve 'defu' in 'E:\\_projekte\\PRIGNITZMUSEUM_HAVELBERG\\P7_SIEDLUNGSGESCHICHTE\\vuemotion-typescript\\node_modules\\@vueuse\\motion\\dist'\r\n\r\nERROR in ./node_modules/@vueuse/motion/dist/index.mjs 11:0-24\r\nModule not found: Error: Can't resolve 'defu' in 'E:\\_projekte\\PRIGNITZMUSEUM_HAVELBERG\\P7_SIEDLUNGSGESCHICHTE\\vuemotion-typescript\\node_modules\\@vueuse\\motion\\dist'\r\n @ ./src/main.ts 6:0-46 7:61-73\r\n\r\nwebpack compiled with 1 error\r\nERROR in src/components/_VueImagePinch.vue:55:35\r\nTS7031: Binding element 'x' implicitly has an 'any' type.\r\n 53 | const motions = useMotions();\r\n 54 |\r\n > 55 | const handler = ({ movement: [x, y], dragging }) => {\r\n | ^\r\n 56 | // Check element existence\r\n 57 | if (!motions.demo) return;\r\n 58 |\r\n\r\n```\r\n\r\npackage.json\r\n```\r\n{\r\n \"name\": \"vuemotion-typescript\",\r\n \"version\": \"0.1.0\",\r\n \"private\": true,\r\n \r\n \"scripts\": {\r\n \"serve\": \"vue-cli-service serve\",\r\n \"build\": \"vue-cli-service build\",\r\n \"lint\": \"vue-cli-service lint\"\r\n },\r\n\r\n \"dependencies\": {\r\n \"@vueuse/core\": \"^11.0.1\",\r\n \"@vueuse/gesture\": \"^2.1.0\",\r\n \"@vueuse/motion\": \"^2.2.3\",\r\n \"core-js\": \"^3.8.3\",\r\n \"vue\": \"^3.2.13\",\r\n \"vue-class-component\": \"^8.0.0-0\",\r\n \"vue-router\": \"^4.0.3\",\r\n \"vuex\": \"^4.0.0\"\r\n },\r\n \r\n \"devDependencies\": {\r\n \"@typescript-eslint/eslint-plugin\": \"^5.4.0\",\r\n \"@typescript-eslint/parser\": \"^5.4.0\",\r\n \"@vue/cli-plugin-babel\": \"~5.0.0\",\r\n \"@vue/cli-plugin-eslint\": \"~5.0.0\",\r\n \"@vue/cli-plugin-router\": \"~5.0.0\",\r\n \"@vue/cli-plugin-typescript\": \"~5.0.0\",\r\n \"@vue/cli-plugin-vuex\": \"~5.0.0\",\r\n \"@vue/cli-service\": \"~5.0.0\",\r\n \"@vue/eslint-config-typescript\": \"^9.1.0\",\r\n \"eslint\": \"^7.32.0\",\r\n \"eslint-plugin-vue\": \"^8.0.3\",\r\n \"sass\": \"^1.32.7\",\r\n \"sass-loader\": \"^12.0.0\",\r\n \"typescript\": \"~4.5.5\"\r\n }\r\n}\r\n```\r\n\r\nmain.ts\r\n```\r\nimport { createApp } from 'vue'\r\nimport App from './App.vue'\r\nimport router from './router'\r\nimport store from './store'\r\n\r\nimport { GesturePlugin } from '@vueuse/gesture'\r\nimport { MotionPlugin } from '@vueuse/motion'\r\n\r\n\r\ncreateApp(App).use(store).use(router).use(GesturePlugin).use(MotionPlugin).mount('#app')\r\n```\r\n",[],"Module not found...","2024-08-19T13:15:15Z","https://github.com/vueuse/gesture/issues/32",0.73161167,{"description":3199,"labels":3200,"number":3201,"owner":3137,"repository":3186,"state":3139,"title":3202,"updated_at":3203,"url":3204,"score":3205},"Hi there.\r\nI use webpack5 module federation.\r\nThe compiled code didn't recognize the \"vue\" type correctly in \"vue-demi\" When I shared the \"vue\" module\r\n\r\n\r\nCan you change the code like the picture below?\r\n\r\n\r\n\r\nthank you!",[],130,"bug when webpack5 modulefederation shared \"vue\" module","2023-10-31T13:17:58Z","https://github.com/vueuse/vue-demi/issues/130",0.7346273,{"description":3207,"labels":3208,"number":3209,"owner":3137,"repository":3186,"state":3210,"title":3211,"updated_at":3212,"url":3213,"score":3214},"Hi! \r\nim working on components lib and truing to make it vue2/3 compatible using this solution.\r\nBut i faced with issue with vue3 installation.. in vue2 env everything working fine!\r\n Here is my build webpack config: \r\n```\r\nimport merge from 'webpack-merge';\r\nimport { Configuration } from 'webpack';\r\nimport { CleanWebpackPlugin } from 'clean-webpack-plugin';\r\nimport common from './webpack.base.config';\r\nconst { watch } = require('minimist')(process.argv.slice(2));\r\n\r\nconst path = require('path');\r\n\r\n\r\nexport default merge\u003CConfiguration>(common, {\r\n entry: {\r\n main: './src/index.ts',\r\n },\r\n output: {\r\n filename: 'index.js',\r\n path: path.resolve(__dirname, 'dist'),\r\n library: {\r\n name: 'TestLib',\r\n type: 'umd',\r\n },\r\n },\r\n devtool: 'source-map',\r\n mode: watch ? 'development' : 'production',\r\n bail: watch ? false : true,\r\n plugins: [\r\n new CleanWebpackPlugin(),\r\n ],\r\n externals: {\r\n vue: 'vue',\r\n 'vue-demi': 'vue-demi',\r\n 'lodash': 'lodash',\r\n },\r\n});\r\n```\r\non client side im using default vue-cli-service serve^ without additional settings\r\nbut in vue3 environment i got:\r\n\r\n\r\nseems problem somewhere near webpack build config, maybe somebody can share some webpack config examples? \r\nThanks! \r\n\r\n",[],81,"closed","Any webpack example? ","2021-07-28T11:23:14Z","https://github.com/vueuse/vue-demi/issues/81",0.7145085,["Reactive",3216],{},["Set"],["ShallowReactive",3219],{"$fTRc1wZytZ_XrK4EfJfei_Sz-An4H4Yy6syhVxH_PVJc":-1,"$f-PueNGa4e-M3kEhBJOpXwn_LI3Flkc7px1-bAXeAUBA":-1},"/vueuse/sound/7"]