[Bug]: @filepondScripts does not work when using NPM / @livewireScriptConfig

[booni3]

What happened?

@filepondScripts does inject the scripts into layout, but is not initialised prior to component.

How to reproduce the bug

...
@livewireScriptConfig
@filepondScripts
</body>
</html>

Package Version

1.2.3

PHP Version

8.3

Laravel Version

11

Which operating systems does with happen with?

macOS

Notes

Fixed by adding to app.js and building with vite:

import './bootstrap';

// Filepond
import '../../vendor/spatie/livewire-filepond/resources/dist/filepond.css'
import '../../vendor/spatie/livewire-filepond/resources/dist/filepond'
...

[eduardodno]

I faced the same problem. Using @filepondScripts only on the page where it would be used, the script worked as long as it was the first page accessed (direct access). However, if coming from another page, it would show an error. Your solution of defining the .js and .css in app.js worked. Thank you!