New "Blade Component Tag" format: <component:folder.component-name />

[camya]

The current "Blade Component Tag" format looks like this: <x-folder.component-name />

New format: <component:folder.component-name />

Example:

<component:frontend.widget.latest-posts class="mt-3" :posts="$posts">
    Latest Laravel articles
</component:folder.component-name>

Differences:

• Component files are included by default from:
  • resources/views/ (for Anonymous Components)
  • app/View/ (for Component Class)
• Tbd: Support for special "c:" attributes like c:if="$posts->count()" ...

resources/
    views/
        auth/
         ...
         backend/
             statistics.blade.php
         frontend/
             widget/
                 latest-posts.blade.php
         ...
         vendor/

Components in composer packages:

<component::package-name:folder.component-name />

Convert old to new format?

The old format and the new format works together without the need to change anything.

If you want migrate an old tag to the new format, you just have to add a leading "components."

<x-folder.component-name /> --> <component:components.folder.component-name />

Final thoughts

I think, the new format looks much cleaner and is easier to understand.

Because the files are included from resources/views/ it's easier to organise your project files.

The new tag looks like the Livewire component tag <livewire:folder.package-name :post="$post" />