vuejs/vuex ? reverse-engineered prompt

I need a state management library for my Vue.js projects. As an application grows, it gets really messy trying to pass data between different components. I want a centralized "store" that holds all the important application data, acting as a single source of truth for the entire app.

Any component should be able to access the state, but changes should only happen in a predictable, organized way. The most important feature is the integration with Vue's developer tools. I want to be able to do "time-travel debugging," which means I can step backward and forward through state changes to see exactly how my data was modified. It should also let me take snapshots of the application state, and even import them to debug specific scenarios. It's basically a central brain for my Vue app.