Qu'est-ce que Pinia?

Pinia est une bibliothèque moderne de gestion d'état pour Vue.js, qui a remplacé Vuex. Elle est plus simple à utiliser, possède une API plus compréhensible et s'intègre mieux avec l'API de composition de Vue 3. Pinia permet de créer des magasins de données centralisés qui peuvent être utilisés dans tous les composants de l'application.

Exemple de création et d'utilisation d'un store Pinia:

import { defineStore } from 'pinia'

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

// Dans le composant
import { useCounterStore } from './stores/counter'

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