Pinia is a store library for Vue, it allows you to share a state across components/pages.
If you are familiar with the Composition API, you might be thinking you can already share a global state with a simple export const state = reactive({}).
This is true for single-page applications but exposes your application to security vulnerabilities if it is server-side rendering.
State
Based on this information, we should now be able to describe the kinds of values we need to have inside our state.