RactiveJS:如何按计算值对表进行排序？

var ractive = new Ractive({
  el: '#container',
  template: '#template',
  data: {
    items: [
      { name: 'John', age: 25 },
      { name: 'Alice', age: 30 },
      { name: 'Bob', age: 20 }
    ],
    sortBy: 'name' // 默认按照姓名排序
  },
  computed: {
    sortedItems: function() {
      var sortBy = this.get('sortBy');
      var items = this.get('items');

      // 根据sortBy属性进行排序
      return items.slice().sort(function(a, b) {
        if (a[sortBy] < b[sortBy]) return -1;
        if (a[sortBy] > b[sortBy]) return 1;
        return 0;
      });
    }
  }
});

<table>
  <thead>
    <tr>
      <th><button on-click="sort('name')">Name</button></th>
      <th><button on-click="sort('age')">Age</button></th>
    </tr>
  </thead>
  <tbody>
    {{#each sortedItems}}
    <tr>
      <td>{{name}}</td>
      <td>{{age}}</td>
    </tr>
    {{/each}}
  </tbody>
</table>