URL Query String Binding in Livewire v4

Livewire v4 can sync properties with URL query strings.

Basic Usage

use Livewire\Attributes\Url;
use Livewire\Component;

class ProductList extends Component
{
    #[Url]
    public string $search = '';
    
    #[Url(as: 'page')]
    public int $currentPage = 1;
    
    #[Url(history: true)]
    public string $tab = 'overview';
}

URL Result

/products?search=laptop&page=2&tab=reviews