Merhabalar
VueJS projemde Vuex özelliği olan mapGetters operatörümü computed içerisinde kullanmak istiyorum.
Fakat aynı zamanda başka computed lar da tanımlamak istediğim için ES6 nın Spread Operators özelliğinde yararlanmak istediğimde aşağıdaki gibi bir hata alıyorum.

Herhangi bir çözüm veya başka bir yöntemi varsa belirtirseniz sevinirim.

Vue kodları:

  import { mapGetters } from 'Vuex'

  export default {
    computed: {
      ...mapGetters({
        userDetails: 'getUserDetails',
        Rank: 'getRank'
      }),
      customProp() {

      }
    }
  }

Hata içeriği:

ERROR in ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/components/User/Details.vue
Module build failed: SyntaxError: C:/Users/ataka/Desktop/paybutik/src/components/User/Details.vue: Unexpected token (12:4)

  10 | export default {
  11 |   computed: {
> 12 |     ...mapGetters({
     |     ^
  13 |       userDetails: 'getUserDetails',
  14 |       Rank: 'getRank'
  15 |     }),

 @ ./src/components/User/Details.vue 8:0-106 9:0-119
 @ ./node_modules/babel-loader/lib!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./src/App.vue
 @ ./src/App.vue
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js