how to use vue-3-socket.io with composition api in vue.js?

user_13278193 0
Viewed 1582

how can i access the socket instance inside the setup function in vue.js component

i use vue-3-socket.io

in my main.js


import VueSocketIO from 'vue-3-socket.io'
import SocketIO from 'socket.io-client'

Vue.use(new VueSocketIO({
    debug: true,
    connection: SocketIO('http://metinseylan.com:1992', {}), 
    vuex: {
      store,
      actionPrefix: "SOCKET_",
      mutationPrefix: "SOCKET_"
    }
  })
);
socket.io vue.js javascript
1 Answers

I will use socket.io directly, without Vue Plugin:

export const useSocketIO = () => {
    const socket = io('http://metinseylan.com:1992')
    return {
        socket,
    }
}

Component

<script setup>
import { defineComponent } from 'vue'

const { socket } = useSocketIO()
socket.on('welcome', () => { console.log('welcome') })
  
</script>
user_129309580
Related