前置き
まず、このような質問の仕方ですと他の人が低評価をつけている通り
「丸投げの質問」と捕らえられても仕方ありません。
「セットアップもそちらでお願いします。手順は書いていません」という状態で
「このコードの中のどこかがおかしいはずなのでみてください」と数百ファイルがあるリポジトリを渡され
「現在はこのような画面です。正しい時の画面はありません。」
このような状態で回答を得る事は難しいです。
本題
本件については、Laravel、pusher、Vueが組み合わさっているため
どこでうまく動作していないかを切り分ける必要があります。
- ブラウザからlaravelにメッセージを送る事ができている→ddとかで確認
- laravelがpusherにメッセージを送る→pusherのデバッグ画面でみれた気がする
- pusherからブラウザに通知する→pusherのデバッグがonならconsole上にログが出るはず
- pusherからvueに値を渡せている
このように、ボトムアップで問題の箇所を調べていきましょう。
また、質問するなら、このようにうまくいかない部分を特定した上で、
その周辺のコードをピックアップして質問する。
または該当部分だけのミニマムコードを書いて使い方を理解する事で問題が解決すると思います。
https://github.com/TakayukiNJ/onlinePassport/commit/ea7afd84e730ce768c127ec8ff7374724c83669c#diff-b7c96b83e41797041ea5067055f8b2afR66
ざっくり確認したところですが、
ここのthisは何でしょうか?少なくともvueを指すthisではありませんので
意図した動作をしないはずです
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。