Possible to combine JS loadedOnRequest with Alpine.data?

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

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