I am working on a Vue JS project and want to ask a conceptual scenario based Question . So I have 3 modules in the Project.
Module A Module B Module C
Each Module has a separate Store . There is one object called Record in each of these Modules. Although each Module in separately maintaining this object (Record) but on the backend (webApi and Services) its a same entity .
Now there is another Module (Module 4) which basically allow user to view and update that object (Record) . And that module in opening in a new window ( i am using vue router- target_blank command to open module object in new tab)
My question is that when the user interacts with that object (Record) in module 4 and change some of its properties , i want other modules to reflect these changes . Currently i need to refresh to update the changes on (Module A, Module B, Module C) .
How can I achieve this ? System is designed to open module 4 in new window and I don't want to change that .