Page reload not working?

I have a Vue page component that receives as a user and displays all his items

<template>
<div>
<h2>{{user.name}}</h2>
<ul>
<Item @reload="  Inertia.reload({ only: ['user'] })" v-for="item in user.items" :item="item"><Item>
</ul>
</div>
</template>

In the controller I do load the items like this:

$user->load('items.identifier');

return Inertia::render('UserItems', compact('user'));

The items can be edited. When editing one item, it may have effects on the other items. So whenever an item is saved, a reload event is triggered, which then calls Interia.reload() on the page component as explained in https://inertiajs.com/partial-reloads

However, the reload is not working. Console is showing no error. Any idea what could be wrong here?