laravel:blade-components-and-layouts

安装量: 59
排名: #12536

安装

npx skills add https://github.com/jpcaparas/superpowers-laravel --skill laravel:blade-components-and-layouts

Encapsulate markup and behavior with components; prefer slots over includes.

Commands

sail artisan make:component Alert              # or: php artisan make:component Alert

// Use component
<x-alert type="warning" :message="$msg" class="mb-4" />

// Layouts + stacks
@extends('layouts.app')
@push('scripts')
    <script>/* page script */</script>
@endpush

Patterns

  • Keep components dumb: pass data in, emit markup out

  • Use merge() to honor passed classes/attributes in components

  • Prefer named slots for readability

  • Extract small, reusable atoms rather than giant organisms

返回排行榜