Как объявить возвращаемые данные Vuex gettres в функции карты

Question

Я объявил состояние и получатели в моем vuex, где я хочу получить новую цену и название существующих продуктов в состоянии.
Когда я объявил возвращаемые данные в получателях, это вызывает синтаксическую ошибку, и это; ожидается , дано.
Но с моей точки зрения это правильно, так в чем же точная ошибка?

state: {
  value1: 1,
  products: [
    { title: 'Hp1', price: 500 },
    { title: 'Hp2', price: 600 },
    { title: 'Hp3', price: 700 },
  ]
},

getters: {
  saleProducts: state => {
    var newProductsList = state.products.map(product => {
      return 
        {
          title: '** '+ product.title +' **',
          price: product.price/2 + " % Off"
        }
    });
    return newProductsList;
  }
}

Answer 1

Это немного странно.Когда я скопировал и вставил ваш код, он не работает.Когда я сам набираю это вручную из вашего примера, тогда это работает.Обычно такие вещи означают, что в миксе где-то есть недопустимый символ ASCII.Главное, что я изменил, - это использование двойных кавычек вместо одинарных:

  state: {
    value1: 1,
    products: [
      { title: 'Hp1', price: 500 },
      { title: 'Hp2', price: 600 },
      { title: 'Hp3', price: 700 },
    ]
  },
  getters: {
    saleProducts: state => {
      var newProductsList = state.products.map(product => {
        return {
          title: "** " + product.title + " **",
          price: product.price/2 + " % Off"
        }
      })
    }
  },

Посмотрите, сможете ли вы найти разницу.Вот ссылка codeandbox.io: https://codesandbox.io/s/ywr1v7my19

Перейдите на /store/modules/main.js, чтобы увидеть его на месте.