sometimes components will be part of a larger component grouping, and you may wish to group those components in a folder.

as a simple example we'll use the classic "Card" component, which may be organized as such:

- `App\View\Components\Card\Card`
- `App\View\Components\Card\Header`
- `App\View\Components\Card\Body`

to utilize these in your Blade file you would:

```blade
<x-card.card>
    <x-card.header>Title</x-card.header>
    <x-card.body>lorem ipsum</x-card.body>
</x-card.card>
```

while this is fine, it doesn't read as nice as it could. with this commit, we can now omit the trailing duplicated word, as long as the class name matches the folder name.

```blade
<x-card>
    <x-card.header>Title</x-card.header>
    <x-card.body>lorem ipsum</x-card.body>
</x-card>
```

we do something similar with [Anonymous components](https://laravel.com/docs/11.x/blade#anonymous-index-components)