What problem does it solve? Livewire 4 introduces new component formats, directives, and breaking changes from version 3, making it easy to write outdated or incorrect code. This Skill provides accurate, version-aware guidance for building and maintaining Livewire components in Laravel projects. ## Core Features & Use Cases - Component Creation & Conversion: Generate single-file, multi-file, class-based, or view-based components with artisan commands, and convert between formats using livewire:convert. - Livewire 4 Migration Guidance: Covers breaking changes such as Route::livewire(), renamed config keys, wire:model behavior changes, and new JavaScript interceptor APIs. - Modern Feature Patterns: Implements islands, async actions, deferred loading, wire:sort drag-and-drop, and loading states with correct v4 syntax. - Use Case: When a user asks to add a drag-and-drop sortable list to their Laravel admin panel, this Skill provides the correct wire:sort implementation with proper wire:key usage and testing patterns. ## Quick Start Ask the assistant to create a Livewire component for a specific feature, such as a product search with live filtering, and it will generate the correct Livewire 4 code.
