prefetch

index.js

// ./plugins/prefetch.js
export default ({ app, store }) => {
  app.router.afterEach(() => {
    Object.keys(store.state)
      .filter((x) => !['app', 'menu'].includes(x))
      .filter((x) => !store.state[x].fetched)
      .forEach((x) => store.dispatch(`${x}/list`))
  })
}

// ./nuxt.config.js
{
  // ...
  plugins: [{ src: '~/plugins/prefetch.js', mode: 'client' }]
  // ...
}

// ./store/notes.js
export const state = () = ({
  items: [],
  fetched: false
})

export const mutations = {
  LIST(state, data) {
    state.items = data
    state.fetched = true
  }
}

export const actions = {
  async list({ commit }) {
    const data = await this.$axios.$get('/api/notes').catch(() => [])
    commit('LIST', data)
    return data
  }
}