¿Qué es Pinia?

Pinia es una biblioteca moderna de gestión de estado para Vue.js, que ha reemplazado a Vuex. Es más fácil de usar, tiene una API más comprensible y se integra mejor con la API de composición de Vue 3. Pinia permite crear almacenes de datos centralizados que se pueden usar en todos los componentes de la aplicación.

Ejemplo de creación y uso de una tienda Pinia:

import { defineStore } from 'pinia'

export const useCounterStore = defineStore('counter', {
  state: () => ({ count: 0 }),
  actions: {
    increment() {
      this.count++
    }
  }
})

// En el componente
import { useCounterStore } from './stores/counter'

const counter = useCounterStore()
counter.increment()
console.log(counter.count) // 1