New useDefered composable as an alternative to the Deferred component.

[jorisvanandel]

Imagine there is some data that is being deferred in the controller, like so:

return Inertia::render('...', [
    'foo' => Inertia::defer(fn () => ...),
]);

Imagine we want to render a button as loading until this deferred data becomes available. Right now, the only way (correct me if I'm wrong) to accomplish this would be something like this:

<Deferred data="foo">
    <template #fallback>
        <Button loading={true}>My button</Button>
    </template>

    <Button loading={true}>My button</Button>
</Deferred>

Now this becomes rather repetitive especially once the button has a bunch of props that are not dependent on the status of the deferred data. Wouldn't it be nice if we had a composable that works alongside the Deferred component?

If we had a composable named useComposable, we could use it like so:

const { data, loading } = useDeferred('foo');

<Button loading={loading}>My button</Button>

Much cleaner, right? I'm using Laravel/React as an example here but this could be implemented for all adapters ofcourse.