Filament•3mo ago

using @livewireScriptConfig instead of @filamentScripts

I'm using the tables package in livewire components. I'm using an extra Alpine plugin. So following the Livewire docs in my app.js i added

import { Livewire, Alpine } from '../../vendor/livewire/livewire/dist/livewire.esm';
Alpine.directive('tooltip', (el) => {
    tippy(el, { content: el.textContent });
});

Livewire.start()

import { Livewire, Alpine } from '../../vendor/livewire/livewire/dist/livewire.esm';
Alpine.directive('tooltip', (el) => {
    tippy(el, { content: el.textContent });
});

Livewire.start()

In order to not get 2 instances of Livewire i need to add @livewireScriptConfig But now the loading indicator in my searchbar of my table is constantly spinning. Am i doing something wrong?

1 Reply

Remi Hindriks•3mo ago

Everything seems to work, but all the loading spinners are visible. This is what i see when i open the filters

Gaming

Programming

using @livewireScriptConfig instead of @filamentScripts