How to create a Pinia store?

Question

Accepted Answer

**defineStore** — creates a store.

**Options API style:**
```typescript
import { defineStore } from "pinia"

export const useUserStore = defineStore("user", {
    state: () => ({
        name: "John",
        age: 25
    }),
    getters: {
        fullName: (state) => `${state.name} Doe`
    },
    actions: {
        async fetchUser() {
            const res = await fetch("/api/user")
            this.name = res.name
        }
    }
})
```

**Composition API style:**
```typescript
import { defineStore } from "pinia"
import { ref, computed } from "vue"

export const useUserStore = defineStore("user", () => {
    const name = ref("John")
    const fullName = computed(() => `${name.value} Doe`)
    
    async function fetchUser() {
        const res = await fetch("/api/user")
        name.value = res.name
    }
    
    return { name, fullName, fetchUser }
})
```

Vue.js: How to create a Pinia store?