পিনিয়া ভিউ জেস এর ডিফল্ট স্টোর লাইব্রেরী, এর মাধ্যমে ভিউ জেস এর কম্পোনেন্ট/পেইজ এর মধ্যে স্টোর থেকে তথ্য আদান প্রদান করা হয়। পিনিয়া নভেম্বর ২০১৯ সালের দিকে কম্পোজিশন এপিআই-এর সাথে ভিউ জেএস এর জন্য একটি স্টোর দেখতে কেমন হতে পারে তা পুনরায় ডিজাইন করার মাধ্যমে শুরু হয়েছিলো। পিনিয়া এর প্রাথমিক মূলনীতি একই থাকায় এটা ভিউ ২ এবং ভিউ ৩ উভয়ের সাথে কাজ করে। পিনিয়া ব্যাবহার করার জন্য কম্পোজিশন এপিয়াই বাধ্যতামূলক না , অপশন এপিয়াইয়েও একে ব্যাবহার করা যায়।
একটি নতুন স্টোর সেট করতে চাইলে
import { defineStore } from 'pinia'
export const useStore = defineStore('main', {//store code here})
পিনিয়া স্টোর কে ভিউ প্রজেক্ট এ যুক্ত করতে চাইলে
import { createPinia } from 'pinia'
const pinia = createPinia()
app.use(pinia)
পিনিয়া স্টোরে একটি কাউন্ট স্টেট সেট করতে চাইলে
state: () => { return {count: 0,}}
পিনিয়া স্টোরে গেটার্স সেট করতে চাইলে
getters: { doubleCount: (state) => state.count * 2,},
পিনিয়া স্টোরে একশন সেট করতে চাইলে
actions: {randomizeCounter() {this.count = Math.round(100 * Math.random())},},
ভিউ কম্পোনেন্ট এ পিনিয়া স্টেট কে এক্সেস করতে চাইলে
const store = useStore()
store.count++
ভিউ কম্পোনেন্ট এ পিনিয়া স্টেট কে রিসেট করতে চাইলে
const store = useStore()
store.$reset()
ভিউ কম্পোনেন্ট এ পিনিয়া গেটার্স কে এক্সেস করতে চাইলে
const store = useStore()
store.doubleCount
ভিউ কম্পোনেন্ট এ পিনিয়া একশন কে এক্সেস করতে চাইলে
const store = useStore()
store.randomizeCounter()
একটি নতুন স্টোর সেট করতে চাইলে
export const useCounterStore = defineStore('counter', () => {//store code here})
পিনিয়া স্টোর কে ভিউ প্রজেক্ট এ যুক্ত করতে চাইলে
import { createPinia } from 'pinia'
const pinia = createPinia()
app.use(pinia)
পিনিয়া স্টোরে একটি কাউন্ট স্টেট সেট করতে চাইলে
const count = ref(0)
পিনিয়া স্টোরে গেটার্স সেট করতে চাইলে
const doubleCount = computed(() => count.value * 2)
পিনিয়া স্টোরে একশন সেট করতে চাইলে
function increment() {count.value++}