Pinia hija l-librerija uffiċjali ta' Vue għall-ġestjoni ta' stat (is-suċċessur ta' Vuex) — store ċentralizzat għal stat li għandu jinqasam ma' bosta komponenti, b'API sempliċi u sikur għat-tipi mibni fuq l-Composition API.
{ defineStore } ;
{ ref, computed } ;
useCounterStore = (, {
count = ();
double = ( count. * );
() { count.++; }
() { count. = api.(); }
{ count, double, increment, fetchInitial };
});
Din l-"setup store" tidher eżattament bħal composable — ref għall-stat, computed għall-getters, funzjonijiet għall-azzjonijiet — u dan jagħmilha intuwittiva jekk taf l-Composition API.
<script setup>
import { useCounterStore } from "@/stores/counter";
import { storeToRefs } from "pinia";
const store = useCounterStore();
const { count, double } = storeToRefs(store); // keep state reactive when destructured
const { increment } = store; // actions can be destructured directly
</script>
<template>
<button @click="increment">{{ count }} (x2 = {{ double }})</button>
</template>
Importanti: uża storeToRefs meta tiddekonstruttira stat/getters — id-dekonstruttira sempliċi tkassar ir-reattività (l-istess twissija reattiva bħal reactive). L-azzjonijiet ma jgħaddux bixonx.
✓ No mutations boilerplate — actions can mutate state directly
✓ Excellent TypeScript inference (Vuex was painful to type)
✓ Modular by design — many small stores, no nested-module complexity
✓ Composition-API-native, tiny API, devtools support
props/emits → parent ↔ child
provide/inject → share within a subtree
Pinia store → GLOBAL/app-wide shared state (auth user, cart, settings)
accessed by many unrelated components
Pinia hija s-soluzzjoni standard għal stat globali u shared fl-apps Vue — utent/auth, karretti tal-bzonn, settings tal-app, data cached — xi ħaġa li bosta komponenti ta' bogħod ikollu jaqraħ u jaġġorna b'mod konsistenti.
L-API stilu composable tagħha, is-suport TypeScript tal-ewwel klassi, u n-nuqqas ta' boilerplate ta' Vuex jagħmluha l-għażla rrakkommandata.
Li taf meta tużaha (vs props/inject) meta l-stat hu tassew globali, u tuża storeToRefs biex iżżomm ir-reattività fuq dekonstruttira, din hija l-qalba tal-użu korrett tagħha.