Many times we need to rebind data because I changed names. For instance, let's say I have a temp state variable that has some default property names. I decided to change the name for one. Currently, if I do so, then I will have to manually rename this everywhere across all pages like JS scripts, inspector fields etc... This can heavily be time-consuming plus I might miss renaming some leaving broken scripts. I have done this a many time before so having an automatic renaming option will help a lot. Currently, only the queries, js scripts and variables automatically get renamed but we not the content inside.
A small example is let's say i have a temp state called global_state. it's an object with those values
{
"theme" : "light",
"language": "en"
}
Everything in my app I set {{ global_state.value?.theme === 'dark' ? '#000' : '#fff' }}
If i renamed "theme" to something else like for instance "mode", then the bounded values won't automatically rename. I will still get this
{
"mode": "",
"theme" : "light",
"language": "en"
}
And so i have to go across each page and for rename each component's properties to use the new name I just set. This could be quite useful and time-saving if this gets implemented.