Uncaught TypeError: Cannot set property '$socket' of undefined

`TypeError on Vue 3 with Typescript while installing the plugin with the new createApp.use() API.

main.ts

const vSocket = new VueSocketIO({
    debug: true,
    connection: 'http://localhost:4000',
    /*  vuex: {
         store,
         actionPrefix: 'SOCKET_',
         mutationPrefix: 'SOCKET_'
     }, */
    /*  options: { path: "/my-app/" } //Optional options */
})
createApp(App).use(store).use(vSocket).mount('#app')

the error is

vue-socketio.js?5132:10 Uncaught TypeError: Cannot set property '$socket' of undefined
    at t.value (vue-socketio.js?5132:10)
    at Object.use (runtime-core.esm-bundler.js?5c40:3360)
    at eval (main.ts?bc82:19)
    at Module../src/main.ts (app.js:1115)
    at __webpack_require__ (app.js:849)
    at fn (app.js:151)
    at Object.1 (app.js:1140)
    at __webpack_require__ (app.js:849)
    at checkDeferredModules (app.js:46)
    at app.js:925

I think the problem is with the plugin installation while using Vue 3 with Typescript.

[soulsam480]

I think I figured out the problem. In Vue 3 when a plugin installs, the install function receives two parameters which are app from Vue 3’s createApp method and options set by the user. [https://v3.vuejs.org/guide/plugins.html#writing-a-plugin](Vue 3 plugins).

So I think the problem is when the plugin installs and sets the instance method $socket using Vue 2’s Vue.prototype it breaks on Vue 3 as there is no such method. Instead, Vue 3 uses app.config.globalProperties.$some_global_method .

I’m requesting the author @MetinSeylan to please have a look into this as Vue 3 has been released as stable.

[livtech]

I downloaded vue socket from npm, but the /dist/vue-socketio.js still with t.prototype , and the file from GitHub is with t.config.globalProperties. Have same way to update the npm?