title: Laravel Echo vuejs not hearing pusher event
body: <p>I am using vuejs and laravel echo to send and receive events, I can see my client side code registering in the pusher development console. but when i send an event either via the console or from laravel. </p>
  
  <p>It is not being heard by the client code.</p>
  
  <p>Vuejs Component</p>
  
  <pre><code>&lt;template&gt;
      &lt;card class="flex flex-col items-center justify-center"&gt;
          &lt;div class="px-3 py-3"&gt;
              &lt;h1 class="text-center text-3xl text-80 font-light"&gt;Test Nova Card&lt;/h1&gt;
          &lt;/div&gt;
      &lt;/card&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {
      props: ['card'],
  
      mounted() {
          console.log('mounted');
          this.listen();
  
      },
      methods:
          {
              listen: function () {
                  console.log('Listen Method')
                  Echo.channel('test')
                      .listen('TestEvent', (e) =&gt; {
                          console.log(e);
                      });
              }
          }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>Event being fired
      
  
  <pre><code>namespace Devtropolis\NovaEnvoyerStatus\events;
  
  use Illuminate\Broadcasting\Channel;
  use Illuminate\Queue\SerializesModels;
  use Illuminate\Broadcasting\PrivateChannel;
  use Illuminate\Broadcasting\InteractsWithSockets;
  use Illuminate\Contracts\Broadcasting\ShouldBroadcast;
  use Illuminate\Support\Facades\Log;
  
  class TestEvent implements ShouldBroadcast
  {
      use InteractsWithSockets, SerializesModels;
  
      public $chatMessage;
  
  
      /**
       * Create a new event instance.
       *
       * @param $chatMessage
       * @param $user
       */
      public function __construct($chatMessage)
      {
          Log::info('message fired');
          $this-&gt;chatMessage = $chatMessage;
      }
  
      /**
       * Get the channels the event should broadcast on.
       *
       * @return Channel|array
       */
      public function broadcastOn()
      {
          return new Channel('test');
  
      }
  }
  </code></pre>
  
  <p>Event being received in pusher console</p>
  
  <p><a href="https://i.stack.imgur.com/Y6dTl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Y6dTl.png" alt="Event being received in pusher console"></a></p>
  
  <p>Client registering in the console</p>
  
  <p><a href="https://i.stack.imgur.com/qSRVf.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qSRVf.png" alt="enter image description here"></a></p>
  
  <p>and this is the code firing the event</p>
  
  <pre><code> Route::get('/endpoint', function (Request $request) {
  
       Log::info('Starting event');
       $message = array([
           'user_id' =&gt; 1,
           'message' =&gt; 'message'
       ]);
  
       event(new TestEvent($message));
  
       return 'dave';
   });
  </code></pre>