如何在vue中同时使用缩写和全名时按缩写排序

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

<script>
export default {
  data() {
    return {
      items: [
        { id: 1, name: 'Vue.js' },
        { id: 2, name: 'React' },
        { id: 3, name: 'Angular' },
        { id: 4, name: 'V' },
        { id: 5, name: 'R' },
        { id: 6, name: 'A' }
      ]
    };
  },
  computed: {
    sortedItems() {
      return this.items.sort((a, b) => {
        const aName = a.name.toLowerCase();
        const bName = b.name.toLowerCase();
        return aName.localeCompare(bName);
      });
    }
  }
};
</script>