Ошибка возникает из-за того, что Alpine.js не может найти определение функции `copyToClipboard()` в своей области видимости. Для того чтобы вызвать функцию из компонента Livewire, нужно использовать атрибут `x-on:click` в элементе кнопки, указав имя функции и передать ей необходимые параметры, если это требуется.
Пример кода для кнопки копирования текста из тега в модальном окне на ресурсе Filament:
```html
// Основное модальное окно Filament
<x-filament-modal>
<x-slot name="title">
Копировать текст
</x-slot>
<x-slot name="content">
<button x-on:click="copyToClipboard()">Копировать текст</button>
<p x-data x-ref="textToCopy">Текст для копирования</p>
</x-slot>
</x-filament-modal>
```
Код компонента Livewire:
```php
namespace App\Http\Livewire;
use Livewire\Component;
class CopyToClipboard extends Component
{
public function copyText()
{
// Действия по копированию текста
// Например, использование библиотеки для копирования текста в буфер обмена
}
public function render()
{
return view('livewire.copy-to-clipboard');
}
}
```
Шаблон компонента Livewire (copy-to-clipboard.blade.php):
```html
<div>
<p x-data x-ref="textToCopy">Текст для копирования</p>
</div>
```
Теперь вы можете использовать функцию `copyToClipboard()` в Alpine.js для копирования текста из тега при нажатии на кнопку в модальном окне на ресурсе Filament. Атрибут `x-on:click` в элементе кнопки позволяет вызвать функцию из компонента Livewire.