Profile My skills Saved My plugins Edit profile Submit a skill

Pinia State

Pinia

ComeOnOliver Updated 61 repo stars
Coding & Dev Tools

File contents

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

ComeOnOliver/skillshub/tree/main/skills/skillshub-team/catalog-batch5/pinia-state commit d8a3ea4498

Browse category

Frequently asked questions

npx skillmds@latest add comeonoliver/pinia-state