nuxt.jsのvuexでmapGetter引数ありの書き方メモ

ひとこと

これで多分できる

store/hoge-module.js

export const state = () => ({
  todos: [
    { id: 1, text: 'hoge' },
    { id: 2, text: 'fuga' }
  ]
})

export const getters = {
  getTodoById: (state) => (id) => {
    return state.todos.find(todo => todo.id === id)
  }
}

pages/hoge.vue

<script>
import { mapGetters } from 'vuex'

export default {
  computed: {
    ...mapGetters({
      todo: 'hoge-module/getTodoById'
    })
  },
  methods: {
    showTodo () {
      console.log(this.todo(1))
    }
  }
}

</script>