# Pinia State

> Pinia

- Skill: `comeonoliver/pinia-state` (Agent Skill)
- Install (CLI): `npx skillmds@latest add comeonoliver/pinia-state`
- Raw SKILL.md: https://api.skillmd.com/api/skills/comeonoliver/pinia-state/raw
- Safety review: pending (external: skill-scanner PASS, skillspector PASS)
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: ComeOnOliver (https://skillmd.com/u/comeonoliver)
- Updated: 2026-09-21
- Page: https://skillmd.com/skills/comeonoliver/pinia-state

---

# Pinia

## Store
```typescript
import { defineStore } from 'pinia';
export const useAuthStore = defineStore('auth', () => {
    const user = ref<User | null>(null);
    const isLoggedIn = computed(() => !!user.value);
    async function login(email: string, pass: string) {
        user.value = await api.login(email, pass);
    }
    return { user, isLoggedIn, login };
});
```

## Usage
```vue
<script setup>
const auth = useAuthStore();
const { isLoggedIn } = storeToRefs(auth);
</script>
```

## Persistence: pinia-plugin-persistedstate for localStorage sync