Vue.js: State Management with Pinia

Install and set up Pinia in a Vue project to manage global application state.

Define a Pinia store with reactive state, getters for derived data, and actions for state mutations.

Access and manipulate store state from within multiple Vue components.

Explain how a centralized store like Pinia solves the problem of prop drilling.

Implement task filtering (all, active, completed) in the to-do app using a Pinia store and getters.

Mini Project: Refactor the multi-component to-do app to use Pinia for all state management.