Laravel Broadcast notification not listen in vue

I created project with pusher service, In past it was works, but now i check on send broadcast to pusher it is sent, and returned to app.js, but not read in Echo.private() also console.log() not working.

Now, I am refresh the page to read notifications.

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);
    });

}
});

What is the problem in my case?