Crear componentes personalizados en las views

Dentro de views hay que crear una carpeta components, y dentro de dicha carpeta la vista que vamos a reutilizar desde otras vistas, por ejemplo: card-post.blade.php que tendría algo así como: @props(['post'])
<article class="mb-8 bg-white shadow-lg rounded-lg overflow-hidden">
   <img class="w-full h-72 object-cover object-center" src="{{ Storage::url($post->image->url) }}" alt="">
...
</article>
Y luego desde la vista a la que se le quiera llamar:
@foreach ($posts as $post)
      <x-card-post :post="$post">
@endforeach