I found a way by changing data to store inside the useGridConfig and then replace the whole store object with my pinia object but this doesn't seems like the right way:
const store = new Store({
data : globalStore.gridData
});
const testButton = () => {
globalStore.addToNames(name.value);
store.setStoreData(globalStore.gridData);
}
Am i missing something?
Shouldn't the grid data refresh when i change the globalStore since it is reactive? My Vue UI is updating fine and the list of names is updated/shown with the new values.
The config object will be used to initial render the grid, after that, it won't work, because configs are supposed to not be updated during runtime. For that, we have properties (which can be updated during runtime). We can have variables that are configs and properties at the same time, but you need to check the documentation.
That said, you need to add a property directly to the BryntumGrid component, like this