What is the difference between actions and mutations in Pinia?

Question

Accepted Answer

**Actions** — synchronous or async. **Mutations** — not in Pinia.

**Pinia actions:**
```typescript
import { defineStore } from "pinia"

export const useUserStore = defineStore("user", {
    state: () => ({ name: "", loading: false }),
    actions: {
        // Synchronous
        setName(name) {
            this.name = name
        },
        // Asynchronous
        async fetchUser() {
            this.loading = true
            const res = await fetch("/api/user")
            this.name = await res.json()
            this.loading = false
        }
    }
})
```

**Vuex comparison:**
- Vuex: mutations (sync) + actions (async).
- Pinia: only actions.
- Simpler, no commit/dispatch.

Vue.js: What is the difference between actions and mutations in Pinia?