Mis on Pinia?

Pinia on kaasaegne oleku haldamise raamatukogu Vue.js jaoks, mis asendas Vuex-i. See on lihtsam kasutada, omab arusaadavamat API-d ja integreerub paremini Vue 3 Composition API-ga. Pinia võimaldab luua tsentraliseeritud andmehoidlaid, mida saab kasutada kõigis rakenduse komponentides.

Näide Pinia poe loomise ja kasutamise kohta:

import { defineStore } from 'pinia'

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

// Komponent
import { useCounterStore } from './stores/counter'

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