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