[2.x] Partial loading deferred props does not show fallback template

[jason-nabooki]

Version:

• @inertiajs/vue3 version: 2.0.0

Describe the problem:

When a deferred prop is reloaded via partial reload, the fallback template should be displayed until the deferred prop is resolved.

For example, the page loads a list of users, which is a deferred prop. You have a search box that calls router.visit() and partial reloads the users using only. One would expect the fallback template to be displayed while the router.visit() is loading.

Steps to reproduce:

Backend

Route::get('/users', function () {
    return Inertia::render('Users/Index', [
        'users' => Inertia::defer(fn () => User::all()),
    ]);
});

Frontend

router.visit(url, { only: ['users'] })`

<Deferred data="users">
  <template #fallback>
    Loading...
  </template>

  <div>
    ... list of users ...
  </div>
</Deferred>