Problem with a v-model on "message" input and isTyping

Hi all,

I have a problem with a v-model on “message” input and isTyping. as the code is quite long I made a gist - https://gist.github.com/lstables/1ffdbe4e2d1c19015862b9398f7024e6

As you can see below. the message is empty and even when I was typing the isTyping is still set to false.

I’m guessing this is because it’s within the groups array, so question is how does one get this working so the typing indicator and message inputs works, as this should be realtime using Pusher, which Pusher is receiving the typing indicator and message, but Vue isn’t doing as it should, obviously my mistake, so hoping you wonderful lot will help me out here :slight_smile:

1 Like

Anyone willing to help a brother out please?

Um…I think it is working well.

https://jsfiddle.net/sbuq2twf/

I don’t understand your code.

methods: {
    
            isTyping() {
                let channel = Echo.private('groups.' + this.group.id);

                setTimeout(function() {
                    channel.whisper('typing', {
                        user: Laravel.userName,
                        typing: true
                    });
                }, 3500);
            },

This is part of the Laravel Echo package which listens for a whisper

I have a feeling it’s the way I’ve done this in Vue and did it on an older version of Vue, and since upgrading my version, I guess this is where the problem may lay