Why don't you like the syntax?

Question

JavaScript

Guys, hello.
Tell me what is the joke of the error, it seems everything is like in the docks

/~/babel-loader/lib!./~/vue-loader/lib/selector.js?type=script&index=0!./src/pages/CartPage.vue
Module build failed: SyntaxError: C:/OpenServer/domains/pizzaStore/src/pages/CartPage.vue: Unexpected token (36:8)

  34 | export default {
  35 |     computed: {
> 36 |         ...mapGetters ({
     |         ^
  37 |             products: 'cartProducts',
  38 |             checkoutStatus: 'checkoutStatus'
  39 |         }),

 @ ./src/pages/CartPage.vue 7:2-105
 @ ./src/router.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

what is wrong?

Answer 1

decided by myself... you need to install this little thing
babeljs.io/docs/plugins/transform-object-rest-spread

Answer 2

The curly brace seems to be missing:

computed: {
  ...mapGetters ({
    products: 'cartProducts',
    checkoutStatus: 'checkoutStatus'
  })
},

Or do you have some other methods going on there?