Socket.io, How do I issue a connect?

[SergioRius]

I have my socket boot file parametrized so the server Ip can be configured in order to access from a remote device:

// boot/socket.js
import io from 'socket.io-client'
import { LocalStorage } from "quasar";

export default ({ Vue }) => {
  const hostIp = process.env.HOST_IP
    ? process.env.HOST_IP
    : LocalStorage.getItem("hostIp") || null;

  const hostPort = process.env.HOST_PORT
    ? process.env.HOST_PORT
    : LocalStorage.getItem("hostPort") || 3002;

  Vue.prototype.$socket = io(`http://${hostIp}:${hostPort}`);
};

Now, if the host info has not been setup, I'm redirecting to a configuration page. Afer the user clicks a button, I need to issue a new connect with this new config. How I can make it?

  methods: {
    saveSettings() {
      this.$q.localStorage.set("hostIp", this.hostIp);
      this.$q.localStorage.set("hostPort", this.hostPort);

      this.$socket.connect(`http://${this.hostIp}:${this.hostPort}`);
      console.log(`socket: ${this.$socket.connected}`);

      this.$router.push("/settings");
    }
  }

This simply doesn't work.

[ontwikkelfabriek]

So what specifically doesn't work? Do you get errors? What's the output of the console log?

[SergioRius]

The error I get is that 'connect' is undefined.

[ontwikkelfabriek]

could you make a codepen.io ?