Что такое 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