vue-socket.io-extended icon indicating copy to clipboard operation
vue-socket.io-extended copied to clipboard

Is it possible to transform event name like eventToActionTransformer but for component ?

Open amiceli opened this issue 5 years ago • 2 comments

Currently in my project, on client side I receive only one event but with more details inside. For example :

{ name : 'delete_users', origin : '', date : ''}

or

{ name : 'users_synchronized', origin : '', date : ''}

So, on my vue component I've following code :

    export default {
        //
        sockets : {
            event (payload) { // "event" is really socket io event name ...
                if (payload.data.name === 'deleted_users') {
                    // stuff
                }
                if (payload.data.name === 'users_synchronized') {
                    // stuff
                }
            },
        }
        //
    }

Is there a way to map or transform event name like eventToActionTransformer but for components ?

To update component like this :

    export default {
        //
        sockets : {
            deleted_users (payload) {
                // stuff
            },
            users_synchronized (payload) {
                // stuff
            },
        }
        //
    }

amiceli avatar Jul 21 '20 13:07 amiceli

I did a pull request for this feature : https://github.com/probil/vue-socket.io-extended/pull/480

Feedback are welcome.

amiceli avatar Jul 30 '20 20:07 amiceli

Thanks, @amiceli for your contribution Will take a look

probil avatar Jul 31 '20 08:07 probil