--- name: volt-development description: >- Develops single-file Livewire components with Volt. Activates when creating Volt components, converting Livewire to Volt, working with @volt directive, functional or class-based Volt APIs; or when the user mentions Volt, single-file components, functional Livewire, or inline component logic in Blade files. --- # Volt Development ## When to Apply Activate this skill when: - Creating Volt single-file components - Converting traditional Livewire components to Volt - Testing Volt components ## Documentation Use `search-docs` for detailed Volt patterns and documentation. ## Basic Usage Create components with `php artisan make:volt [name] [--test] [--pest]`. Important: Check existing Volt components to determine if they use functional or class-based style before creating new ones. ### Functional Components @@volt 0]); $increment = fn () => $this->count++; $double = computed(fn () => $this->count * 2); ?>

Count: @{{ $count }} (Double: @{{ $this->double }})<\/h1>

@{{ $count }}<\/h1>