---------------------- To mutate, change, or manipulate data in a Pinia store within a Nuxt 3 application, you can use actions and mutations. Here's how you can do it: 1. Define actions in your store: Actions are methods that can contain any arbitrary logic, including asynchronous operations. They're used to mutate the state. ```typescript import { defineStore } from 'pinia' export const useUserStore = defineStore('user', { state: () => ({ name: 'John Doe', age: 30 }), actions: { updateName(newName: string) { this.name = newName }, incrementAge() { this.age++ }, async fetchUserData() { const response = await fetch('/api/user') const userData = await response.json() this.name = userData.name this.age = userData.age } } }) ``` 2. Use the actions in your components: ```vue ``` In this example, we've defined three actions: `updateName`, `incrementAge`, and `fetchUserData`. These actions can be called from any component that uses the store, allowing you to mutate the state in a controlled manner. For more complex state mutations, you can also use getters to compute derived state: ```typescript import { defineStore } from 'pinia'

How to make state management in NuxtJS3

Similar Threads

Similar Threads

Similar Threads