Download a file using Laravel Livewire

download.blade.php

<div>
    <button wire:click="download">Download</button>
</div>

download.js

// include this script block after the livewire scripts
<script> 
    window.livewire.on('startDownload', path => {
        // open the download in a new tab/window to 
        // prevent livewire component from freezing
        window.open('download/' + path, '_blank');
    });
</script>

Download.php

<?php

use Livewire\Component;

class Download extends Component
{
    public function download()
    {
        // get the path to the file
        $path = "";
        
        // emit an event with the path
        $this->emit('startDownload', $path);
    }
    
    public function render()
    {
        return view('download');
    }
}

web.php

<?php

Route::get('download/{path}', function($path) {

    return Illuminate\Support\Facades\Storage::download($path);
    
})->where('path', '.*');