Τι είναι το Pinia;

Pinia είναι μια σύγχρονη βιβλιοθήκη διαχείρισης κατάστασης για το Vue.js, η οποία αντικατέστησε το Vuex. Είναι πιο εύκολη στη χρήση, διαθέτει πιο κατανοητό API και ενσωματώνεται καλύτερα με το API σύνθεσης του Vue 3. Το Pinia επιτρέπει τη δημιουργία κεντρικών αποθετηρίων δεδομένων που μπορούν να χρησιμοποιηθούν σε όλα τα συστατικά της εφαρμογής.

Παράδειγμα δημιουργίας και χρήσης αποθήκης Pinia:

import { defineStore } from 'pinia'

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

// Στο συστατικό
import { useCounterStore } from './stores/counter'

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