Laravel Broadcast уведомление не слушать в VUE

Question

Я создал проект с сервисом PUSHER, в прошлом он работал, но теперь я проверяю отправлять широковещательную рассылку, чтобы он был отправлен и возвращен в app.js, но не читается в Echo.private(), также не работает console.log(),

Теперь я обновляю страницу, чтобы читать уведомления.

class NewOrderNotify extends Notification implements ShouldQueue, ShouldBroadcast
{
    use Queueable;

    protected $order;
    protected $user;


    public function __construct($user, $order)
    {
        $this->order = $order;
        $this->user = $user;
    }

    public function via($notifiable)
    {
        return ['database', 'broadcast'];
    }


    public function toDatabase($notifiable)
    {
        return [
            'order' => $this->order,
            'user' => $this->user
        ];
    }

    public function toBroadcast($notifiable)
    {
        return [
            'data' => [
                'order' => $this->order,
                'user' => $this->user
            ]
        ];
    }
}

channels.php

Broadcast::routes(['middleware' => ['roles', 'role:company']]);

Broadcast::channel('App.User.{id}', function ($user, $id) {
    return (int) $user->id === (int) $id;
});

app.js

const app = new Vue({
    el: '#app',
    data: {
        notifications: ''
    },
    created() {
        axios.post('/notification/get').then(response => {
            this.notifications = response.data;
        });

    var userId = $('meta[name="userId"]').attr('content');
    // Echo.private('App.User.' + userId)
    //     .listen('notification', (notification) => {
    //         console.log(notification);
    // });



    Echo.private('App.User.' + userId).notification((notification) => {
        this.notifications.push(notification);
        console.log(notification);
    });

}
});

В чем проблема в моем случае?