Как получить вложенные данные от нетерпеливой загрузки на Laravel?

У меня есть модель Post и User с отношениями, как показано ниже.

User Model:
    public function posts(){
        return $this->hasMany(Post::class);
    }
Post Model:
    public function user(){
        return $this->belongsTo(User::class);
    }

А ниже функция API, которая вызывается из Ajax.

public function Api(Request $request){
    $posts = Post::with('user')->get();
    return response()->json($posts);
}

Я могу отображать имя пользователя и адрес электронной почты пользователя из отношения в таблицу, как показано ниже.

    loadData().then(data => {
        let  html = ``;
        data.forEach((post,index) => 
            html += `<tr >                                        
                <td> ${post.title} </td>                                            
                <td> ${post.user['name']}</td> 
                <td> ${post.user['email']}</td> 
                <td> *num_of_post*</td> //<--need num of post here
            </tr>`
            )
        $("#table_wrapper").html(html);
    })

Также я хотел бы отображать количество сообщений для каждого пользователя. Я пытаюсь ${post.user.posts.lenght}, но команда не работает. Буду очень признателен за любые советы или рекомендации по этому поводу, спасибо.