title: Not able to get the response from Socket.io
body: <p>I'm trying to create a simple chat app, I'm trying to listen to private channel but I cant listen to it. Don't know where I made the error My codes as follow.</p>
  <p>File: Chat.vue</p>
  <pre><code>export default {
          props: {
              user: {
                  type: Object,
                  required: true
              }
          },
          data() {
              return {
                  selectedContact: null,
                  messages: [],
                  contacts: []
              };
          },
          mounted() {
              window.Echo.private(`chats.${this.user.id}`)
              .listen('NewChatMessage', (e) =&gt; {
                  console.log('heared');
                  // this.handleIncoming(e.message);
              });
  
              console.log('mounted');
  
              axios.get('/chat/contacts')
              .then((response) =&gt; {
                  this.contacts = response.data;
              });
          },
          methods: {
              startConversationWith(contact) {
                  axios.get(`/chat/conversation/${contact.id}`)
                  .then((response) =&gt; {
                      this.messages = response.data;
                      this.selectedContact = contact;
                  });
              },
              saveNewMessage(text) {
                  this.messages.push(text);
              },
              handleIncoming(message) {
                  if(this.selectedContact &amp;&amp; this.selectedContact.id == message.from) {
                      this.saveNewMessage(message);
                  }
              }
          },
          components: {Conversation, ContactsList}
      }
  </code></pre>
  <p>Filename: routes/channels.php</p>
  <pre><code>Broadcast::channel('chats.{id}', function ($user, $id) {
      return (int) $user-&gt;id === (int) $id;
  });
  </code></pre>
  <p>Filename: app/Events/NewChatMessage.php</p>
  <pre><code>class NewChatMessage implements ShouldBroadcast
  {
      use Dispatchable, InteractsWithSockets, SerializesModels;
  
      public $chat;
  
      public $broadcastQueue = 'chat';
  
      /**
       * Create a new event instance.
       *
       * @return void
       */
      public function __construct(Chat $chat)
      {
          $this-&gt;chat = $chat;
      }
  
      /**
       * Get the channels the event should broadcast on.
       *
       * @return \Illuminate\Broadcasting\Channel|array
       */
      public function broadcastOn()
      {
          return new PrivateChannel('chats.' . $this-&gt;chat-&gt;to);
      }
  
      public function broadcastWith()
      {
          return [&quot;message&quot; =&gt; $this-&gt;chat];
      }
  }
  </code></pre>
  <p>While saving i called event like this <code>broadcast(new NewChatMessage($chat));</code></p>
  <p>My Stack as follows,
  <br>OS: Windows 10
  <br>Server: Apache2
  <br>Database: MySql
  <br>Cache: Redis</p>