componentのタグ名がx-app-layoutとなる理由がわからない

Question

下記リンクの中で<x-app-layout></x-app-layout>というcomponentタグが登場しますが、ディレクトリ構造だと/components/layouts/app.blade.phpなので、順番的に<x-layouts-app>というタグ名にならない理由がわかりません。検索してもヒットしませんでした。

Laravel で簡単な掲示板を作る

Answer 1

ありがとうございます。勉強になりました

Answer 2

Bladeコンポーネント(Laravel7以降)はPHPファイルとviewファイルの組み合わせ。
app/View/Components/AppLayout.phpとここから使われてるview。

    public function render()
    {
        return view('layouts.app');
    }

x-app-layoutはAppLayoutをケバブケースにしたもの。

面倒なことにPHPファイルを使わないコンポーネントも作ることができる。（匿名コンポーネント）
resources/views/components/test.blade.phpのviewファイルだけ作ってもx-testで使える。
この場合はtest.blade.phpのファイル名から取れられてる。

---

Laravel6までのBladeコンポーネントは匿名コンポーネントと同じ仕様だったのでBladeコンポーネント=匿名コンポーネントとして使ってることが多い。
PHPファイルはあまり使わない。

LivewireではPHPとviewの組み合わせで使うことが多い。