Mi az a Pinia?

Pinia egy modern állapotkezelő könyvtár a Vue.js-hez, amely felváltotta a Vuex-et. Egyszerűbben használható, érthetőbb API-vel rendelkezik, és jobban integrálódik a Vue 3 Composition API-jával. Pinia lehetővé teszi központosított adattárolók létrehozását, amelyeket az alkalmazás összes komponensében használhatunk.

Példa a Pinia store létrehozására és használatára:

import { defineStore } from 'pinia'

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

// A komponensben
import { useCounterStore } from './stores/counter'

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