Для чего нужна Pinia

Pinia — это хранилище состояний (state management) для Vue.js. Оно предоставляет реактивное и централизованное управление данными, упрощая их обмен между компонентами без необходимости прокидывать пропсы или использовать события.

Преимущества Pinia:

• Простота API (меньше шаблонного кода, чем в Vuex).
• Поддержка TypeScript из коробки.
• Модульность (каждый store — отдельный файл).
• Devtools-интеграция для отладки.

Пример использования:

// store/counter.js
import { defineStore } from 'pinia';

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

В компоненте:

import { useCounterStore } from '@/store/counter';

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