Possible to combine JS loadedOnRequest with Alpine.data?

howdu · 2023-08-08T15:46:03.786Z

This gives undefined `foo` error - which's a function that's defined inside the foo.js file. ```html ``` ```js const foo = () => ({ // ... }); window.Alpine.data("foo", foo); ```

This gives undefined

foo

foo

error - which's a function that's defined inside the foo.js file.

<div 
    x-load-js="[@js(\Filament\Support\Facades\FilamentAsset::getScriptSrc('foo'))]"
    x-data="foo()"
>

<div 
    x-load-js="[@js(\Filament\Support\Facades\FilamentAsset::getScriptSrc('foo'))]"
    x-data="foo()"
>

const foo = () => ({
    // ...
});
window.Alpine.data("foo", foo);

const foo = () => ({
    // ...
});
window.Alpine.data("foo", foo);

Solution

Posted too early found what I need: https://filamentphp.com/docs/3.x/support/assets#asynchronous-alpinejs-components

Assets - Core Concepts - Filament

Jump to solution

Filament•3y ago•

2 replies

howdu

Possible to combine JS loadedOnRequest with Alpine.data?

This gives undefined

foo

foo

error - which's a function that's defined inside the foo.js file.

<div 
    x-load-js="[@js(\Filament\Support\Facades\FilamentAsset::getScriptSrc('foo'))]"
    x-data="foo()"
>

<div 
    x-load-js="[@js(\Filament\Support\Facades\FilamentAsset::getScriptSrc('foo'))]"
    x-data="foo()"
>

const foo = () => ({
    // ...
});
window.Alpine.data("foo", foo);

const foo = () => ({
    // ...
});
window.Alpine.data("foo", foo);

Solution

Posted too early found what I need: https://filamentphp.com/docs/3.x/support/assets#asynchronous-alpinejs-components

Assets - Core Concepts - Filament

Jump to solution

Possible to combine JS loadedOnRequest with Alpine.data?

Similar Threads

Possible to combine JS loadedOnRequest with Alpine.data?

Similar Threads

Similar Threads

Similar Threads