【 Laravel 8/9】viewのbladeコンポーネントに変数を渡す方法｜変数名のハイフンとアンダースコアに注意

class SampleController
{
  public function index()
  {
    $user = User::find(1);
    return view('users.index', ['user' => $user]);
  } 
}

// users/index.blade.php

...

<x-button :user-name="$user->name" />

php artisan make:component Button

class Button extends Component
{
    public $userName;
    /**
     * Create a new component instance.
     *
     * @return void
     */
    public function __construct($userName)
    {
        //
        $this->userName = $userName;
    }

    /**
     * Get the view / contents that represent the component.
     *
     * @return \Illuminate\Contracts\View\View|\Closure|string
     */
    public function render()
    {
        return view('components.button');
    }
}

// resources/views/components/button.blade.php

<button>{{ $userName }}</button>

// users/index.blade.php

...

<x-button>{{$user->name}}</x-button>

// resources/views/components/button.blade.php

<button>{{ $slot }}</button>