disconnect/reconnect socket?

[ldiellyoungl]

Good day, guys. I can't figure out how to disable a socket in Nuxt.
my client side code:

const token = useStrapiToken()
const socket = socketIOClient("http://10.106.0.210:1337", {
  auth: {
    token: token.value
  }
})

socket.on('connect', () => {
  console.log(`[io] new connection with id: ${socket.id}`)
})
socket.on("task-quality:update", () => {
  mainRefresh()
});

strapi code:

module.exports = ({ env }) => ({
  io: {
    enabled: true,
    config: {
      IOServerOptions: {
        cors: { origin: "http://10.106.0.210:3000", methods: ["GET"] },
      },
      contentTypes: "*",
      events: [
        {
          name: "connection",
          handler: ({ strapi }, socket) => {
            strapi.log.info(`[io] new connection with id: ${socket.id}`);
          },
        },
      ],
    },
  },
});

i have two qa.

1. Why socket connect when i refresh page? not navigate.
2. When i update page, socket create another connection without close old connection. How can i close old connection or connect client to old socket?

[ldiellyoungl]

So. I figured it out. Tied disconnect to the page's life hook
client:

onUnmounted(() => {
  socket.disconnect()
})

server:

events: [
  {
    name: "connection",
    handler: ({ strapi }, socket) => {
      strapi.log.info(`[io] new connection with id: ${socket.id}`);
    },
  },
  {
    name: "disconnect",
    handler: ({ strapi }, socket) => {
      strapi.log.info(`[io] disconnect`);
    },
  },
],