Найти сумму одного значения от объекта

Question

Я пытаюсь добавить значения итогов и найти их сумму, чтобы отобразить их в поле зрения, но почему-то это не работает.

export default {
  data() {
    return {
      invoices: [],
    }
  },

  computed:{
    sum () {
      return invoices.map(function(invoice) {
        return invoice.sum.map((inv) => inv.totale).reduce(function (total, inv) {
          return total + inv
        }, 0);
      });
    }
  },
}

изображение данных: Данные

Answer 1

new Vue({
  el: '#app',
  data() {
    return {
      invoices: [{ totale: 10 }, { totale: 10 }, { totale: 10 }],
    }
  },

  computed: {
    sum() {
      return this.invoices.reduce((acc, { totale }) => acc + totale, 0);
    }
  },
})

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>

<div id="app">{{ sum }}</div>