NativePHP External Link Livewire Component #nativephp #livewire

ExternalLink.php

<?php

namespace App\Http\Livewire;

use Livewire\Component;
use Native\Laravel\Facades\Shell;

class ExternalLink extends Component
{
    public $url;

    public $class;

    public $label;

    public function render(): string
    {
        return <<<'blade'
            <a
                href="{{ $this->url }}"
                wire:click.prevent="openUrl"
                class="{{ $class }}"
            >
                {!! $label !!}
            </a>
blade;
    }

    public function openUrl(): void
    {
        Shell::openExternal($this->url);
    }
}

Or you can use JavaScript directly in your view to open an external link in the user's default browser:

<a 
    href="https://www.google.com/"
    onclick="require('electron').shell.openExternal(this.href); return false;" 
>
    Label
</a>

This solution based on Mark Beech comment:
→ https://twitter.com/JayBird1979/status/1684919646925795330