How do I manage state in Nuxt.js using store modules?

How do I manage state in Nuxt.js using store modules?

In Nuxt.js, you can manage state using Vuex store modules. Each module can have its own state, mutations, actions, and getters.

Can you show me an example of a store module?

Sure! Here's a simple example:

// store/user.js
export const state = () => ({
  name: '',
  age: 0
});

export const mutations = {
  setName(state, name) {
    state.name = name;
  },
  setAge(state, age) {
    state.age = age;
  }
};

export const actions = {
  updateUser({ commit }, user) {
    commit('setName', user.name);
    commit('setAge', user.age);
  }
};

How do I access the state in a component?

You can access the state in a component using the mapState helper from Vuex. For example:

import { mapState } from 'vuex';

export default {
  computed: {
    ...mapState('user', ['name', 'age'])
  }
};