<scriptsetup>
import {onMounted,inject} from "vue";
import {useSocketIO} from "vue3-socket.io";
const socketIO = useSocketIO();
const socket = inject("socket");
onMounted(() =>{socketIO.subscribe("connect",()=>{console.log("Socket connected:",socket.id);});// Custom event namesocketIO.subscribe("getMessages",(messages)=>{console.log("Received messages:",messages);});});
// All event listeners will be unsubscribed automatically once the component is unmounted
function unsubscribeEvent(eventName) {// Unsubscribe eventsocketIO.unsubscribe(eventName);}
function sendMessage(message) {// Emit eventsocket.emit("sendMessage",message);}</script>