Mi objetivo es extraer dos conjuntos de datos separados en el directorio de la tienda. Eventualmente quiero tener una lista de categorías y una lista de eventos.

Empecé con un único conjunto en el archivo index.js.

 export const state = () => ({ categories: [] }) export const getters = { categories (state) { return state.categories } } export const mutations = { SET_CATEGORIES (state, categories) { state.categories = categories } } export const actions = { async nuxtServerInit({ commit, dispatch }) { let response = await this.$axios.$get('categories') commit('SET_CATEGORIES', response.data) } }

Esto funciona exactamente como lo espero.

Lo copié en un archivo category.js y cambié index.js a

 import Vue from 'vue' import Vuex from 'vuex' Vue.use(Vuex) import category from './category' export default new Vuex.Store({ modules: { category } })

Espero obtener la misma lista de categorías que antes, pero en su lugar aparece el error 'No se pueden leer las propiedades de undefined (leyendo 'captadores')'. Esta solución fue sugerida en un antiguo foro de Laracasts.

Volví a los documentos de Nuxt, pero parecen sugerir que debería verse más como

 import category from './category' export const state = () => ({ category: [] })

Cuando realizo estos cambios, pierdo el error, pero aún no recupero ningún dato. Pero esto tampoco se ve bien de todos modos.

Empecé a andar en círculos con soluciones similares, y todavía nada está haciendo clic. ¿Algunas ideas?