Take your Livewire development to the next level with WireSpy. Instantly debug and interact with your components—inspect their state, modify it on the fly, and even time-travel through state changes to pinpoint issues. Stay on top of every event with a dedicated events page that shows dispatched events, the originating component, and the exact data payload. And with the hot reload feature, any changes to your component files automatically refresh, keeping your workflow fast and efficient. WireSpy gives you the power and precision you need to build and debug your Livewire apps.

You can require this package with Composer.

composer require wire-elements/wire-spy --dev

Use CMD+L or CTRL+L on your keyboard to toggle WireSpy.

To change the keybinding, publish the configuration file, run:

php artisan vendor:publish --tag=wire-spy-config

If you want to disable wire-spy, add the folowing line to your .env file:

WIRESPY_ENABLED=false