Pinia

Pinia is the store library recommended by the Vue team and the successor to Vuex. You define stores with defineStore, using either an options object or a setup function with refs and computed values, then use them in any component without mutations or boilerplate.

Stores are fully typed, so TypeScript infers state, getters and actions without extra annotations. Pinia also supports server-side rendering, hot module replacement, a plugin system, and inspecting state and actions in Vue DevTools.

Install it with npm install pinia and register it with app.use(createPinia()). Nuxt users can add the @pinia/nuxt module instead.