nuxtでvuexをmoduleモードで扱う場合にpagesのcomputedからrootStateへのアクセス方法

Question

Nuxt.jsでのstate管理をvuexのモジュールモードで行う場合、例にあるようにモジュール化されたstateにアクセスするには

computed: {
    todos () { return this.$store.state.todos.list }
  },

とすれば良いのはわかるのですが、ルートのstateにアクセスしたい場合はどうすれば良いのでしょうか？

以下の例でいうcounterのことです。

new Vuex.Store({
  state: () => ({
    counter: 0
  }),
  mutations: {
    increment (state) {
      state.counter++
    }
  },
  modules: {
    todos: {
      namespaced: true,
      state: () => ({
        list: []
      }),
      mutations: {
        add (state, { text }) {
          state.list.push({
            text,
            done: false
          })
        },
        remove (state, { todo }) {
          state.list.splice(state.list.indexOf(todo), 1)
        },
        toggle (state, { todo }) {
          todo.done = !todo.done
        }
      }
    }
  }
})

いろいろ試してみたのですが、上手くいかず困っています。
よろしくお願いします。

Answer 1

すみません、別の箇所のエラーを、勘違いしていました。

普通にthis.$store.state.countで取れますね。。