---
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.
---
@php
/** @var \Laravel\Boost\Install\GuidelineAssist $assist */
@endphp
# 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 `{{ $assist->artisanCommand('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

@boostsnippet("Volt Functional Component", "php")
@@volt
<br />
<b>Fatal error</b>:  Uncaught Error: Call to undefined function Livewire\Volt\state() in C:\laragon\www\saas-app\vendor\laravel\boost\.ai\volt\skill\volt-development\SKILL.blade.php:39
Stack trace:
#0 {main}
  thrown in <b>C:\laragon\www\saas-app\vendor\laravel\boost\.ai\volt\skill\volt-development\SKILL.blade.php</b> on line <b>39</b><br />