Ce este Pinia?

Pinia este o bibliotecă modernă de gestionare a stării pentru Vue.js, care a înlocuit Vuex. Este mai ușor de utilizat, are o API mai clară și se integrează mai bine cu API-ul de compoziție Vue 3. Pinia permite crearea de depozite de date centralizate care pot fi utilizate în toate componentele aplicației.

Exemplu de creare și utilizare a unui store Pinia:

import { defineStore } from 'pinia'

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

// În componentă
import { useCounterStore } from './stores/counter'

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