Feature request: Emit to socket from inside vuex store's mutations, actions functions about vue-socket.io HOT 1 OPEN

import { createApp } from "vue";

import App from "./App";
import store from "./store";
import socket from "./socket";

// inject vue-3-socket.io into the vuex store
store.$socket = socket;

const app = createApp(App);
app.use(store);
app.use(socket);
app.mount("#app"); 

import { createStore } from "vuex";

export default createStore({
    state() {
        return {
            message: "default message",
        };
    },
    mutations: {
        SOCKET_updateMessage(state, message) {
            console.log("SOCKET_updateMessage: message:", message);
            state.message = message;
        },
        updateMessage(state, message) {
            console.log("updateMessage: message:", message);
            this.$socket.io.emit("fromClientStore", "updateMessage", message);
        },
    },
});

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

import store from "./store";

export default new VueSocketIO({
    debug: true,
    connection: SocketIO(),
    vuex: {
        store,
        actionPrefix: "SOCKET_",
        mutationPrefix: "SOCKET_",
    },
});

import http from "http";
import expressCls from "express";
import { Server as SocketIOServer } from "socket.io";

class Server {
    clientSocket = null;

    constructor(port = 80) {
        // define network layer
        console.log("Server.constructor: (define network layer) port:", port);

        this.expressObj = expressCls();
        this.httpServer = http.createServer(this.expressObj);
        this.svrIO = new SocketIOServer(this.httpServer);
        this.svrIO.on("connection", (socket) => {
            console.log("svrIO.on: connection: socket.id:", socket.id);
            this.clientSocket = socket;

            socket.on("fromClientStore", (action, message) => {
                console.log("socket.on: fromClientStore/" + action + ": message:", message);
                server.clientSocket.emit("updateMessage", message);
            });

            socket.on("disconnect", (reason) => {
                console.log("socket.on: disconnect: socket.id:", socket.id, "reason:", reason);
            });
        });

        this.expressObj.use(expressCls.static("client/dist"));
        this.httpServer.listen(port, () => {
            console.log("Open your browser: http://localhost:" + port);
        });
    }
}
const server = new Server();

<template>
    <h1>$store.state.message: {{ $store.state.message }}</h1>
    <button @click.prevent="$store.commit('updateMessage', 'Button pressed')">updateMessage</button>
</template>