Building a Copy to Clipboard with Livewire v4

<div x-data="{ copied: false }">
    <input type="text" wire:model="text" id="copyInput">
    
    <button 
        @click="
            navigator.clipboard.writeText($wire.text);
            copied = true;
            setTimeout(() => copied = false, 2000);
        ">
        <span x-show="!copied">Copy</span>
        <span x-show="copied">Copied!</span>
    </button>
</div>