Cos'è Pinia?

Pinia è una libreria moderna di gestione dello stato per Vue.js, che ha sostituito Vuex. È più facile da usare, ha un'API più comprensibile e si integra meglio con l'API di composizione di Vue 3. Pinia consente di creare store di dati centralizzati che possono essere utilizzati in tutti i componenti dell'applicazione.

Esempio di creazione e utilizzo di uno store Pinia:

import { defineStore } from 'pinia'

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

// Nel componente
import { useCounterStore } from './stores/counter'

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