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_"
}
})
);
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>