>_SkillsHub▋

> Pinia State Management

Vue 3 state management with Pinia stores, getters, actions, and persistence.

fetch
$curl "https://skillshub.wtf/skillshub-team/catalog-batch5/pinia-state?format=md"
SKILL.md•Pinia State Management

Pinia

Store

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

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

Persistence: pinia-plugin-persistedstate for localStorage sync

> related_skills --same-repo

> Nix Dev Shells with direnv

Auto-activate reproducible dev environments with Nix flakes and direnv.

> Dagger with GitHub Actions

Run Dagger CI/CD pipelines in GitHub Actions for portable, testable builds.

> Bun + Hono API

Build fast APIs with Bun runtime and Hono framework.

> Deno Fresh Framework

Build full-stack web apps with Fresh on Deno. Islands, routes, and zero runtime overhead.

┌ stats

installs/wk0
░░░░░░░░░░
first seenMar 18, 2026
└────────────

┌ tags

#vue
└────────────