Level 102
Inertia has a key in the options object called only that takes an array of items you want to reload
https://inertiajs.com/manual-visits
only: [],
Mar 7, 2022
4
Level 22
Reload only shared data from non page component
I need to reload shared data from a component.
The shared data is just a bulk of user notifications and is available on all pages.
I have a Vue component that displays the notifications using $page.props.
Some of the pages where this notification component is displayed has a huge amount of data. When user clicks on the notifications dropdown and clicks on mark all as read then the Link component within it takes it to the controller which marks all notifications as read and then returns using return redirect()->back(303). But this causes the full page to reload and it becomes slow on pages with huge data. Is there a way I can reload the page (like Inertia.reload) but force it to load only the shared data I want.
Level 22
I've already tried that, but it seems like it works only for not page component's properties and not for shared properties
Level 22
Got it to work once I started using lazy loading for shared data
3 likes
Level 1
@mathewparet I have same problem. Can you share me code please sir!
1 like
Please or to participate in this conversation.