Какво е Pinia?

Pinia е съвременна библиотека за управление на състоянието за Vue.js, която замени Vuex. Тя е по-лесна за използване, има по-разбираем API и се интегрира по-добре с Composition API на Vue 3. Pinia позволява създаването на централизирани хранилища за данни, които могат да се използват във всички компоненти на приложението.

Пример за създаване и използване на Pinia store:

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