undefined (reading 'getters') di Vue.js

export default {
    membersState: [
        {
            id: 1,
            name: 'man',
            point: 10,
            img: 'https://docs.vuejs.id//images/logo.png'
        },
        {
            id: 2,
            name: 'woman',
            point: 20,
            img: 'https://docs.vuejs.id//images/logo.png'
        },
        {
            id: 3,
            name: 'stickerdev',
            point: 30,
            img: 'https://docs.vuejs.id//images/logo.png'
        },
    ],
}

export default{
    membersState: state => {
        return state.membersState
    }
}

...

new Vue({
  el: '#app',
  store,
  components: { App },
  template: '<App/>',
})

import Vue from 'vue'
import Vuex from 'vuex'
Vue.use(Vuex)

import state from './state'
import getters from './getters'
import mutations from './mutations'
import actions from './actions'

export default new Vuex.Store({
    state,
    getters,
    mutations,
    actions
})

<script>
    import { mapGetters } from 'vuex'

    export default{
        computed: {
            ...mapGetters([
                'membersState'
            ])
        },
    }
</script>

Cannot read properties of undefined (reading 'getters')

import { mapGetters } from 'vuex'

computed: {
  ...mapGetters([    'membersState'  ])
},

what version of vuex works with vue 2?

Which one should I use and what's compatible with Vue 2.0? Both Vuex 1.0 and 2.0: fully support both Vue 1.0 and 2.0.

if (typeof myObject !== "undefined" && typeof myObject.getters !== "undefined") {
  // Access myObject.getters here
}