Update 2021-10-22
An issue has been created on GitHub: https://github.com/laravel/framework/issues/39232
And a fix has been merged:
https://github.com/laravel/framework/pull/39319
Blade components are a great tool for structuring your view templates into small reusable pieces. But while working with them, I stumbled upon a gotcha that I think you should know about. First, let’s take a look at this anonymous component:
post-title.blade.php
@props(['post'])
<h1 {{ $attributes }}>{{ $post->title }}</h1>
And here is how it is used in, say, a post list page:
@foreach ($posts as $post)
<x-post-title :post="$post" />
@endforeach