如何在Vuejs/JS中显示对象数组中的唯一项和出现次数？

const data = [
  { name: 'Apple', count: 2 },
  { name: 'Banana', count: 3 },
  { name: 'Apple', count: 1 },
  { name: 'Orange', count: 4 },
  { name: 'Banana', count: 2 }
];

computed: {
  uniqueItems() {
    const unique = {};
    this.data.forEach(item => {
      if (unique[item.name]) {
        unique[item.name].count += item.count;
      } else {
        unique[item.name] = { name: item.name, count: item.count };
      }
    });
    return Object.values(unique);
  }
}

<template>
  <div>
    <ul>
      <li v-for="item in uniqueItems" :key="item.name">
        {{ item.name }} - {{ item.count }}
      </li>
    </ul>
  </div>
</template>