From 48ea33392d6c2443a6cd39537a2940cf8f541019 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A5=9E=E4=BB=A3=E7=B6=BA=E5=87=9B?= <i@loli.best>
Date: Thu, 31 Oct 2024 18:15:11 +0800
Subject: [PATCH] feat: improve sorting

---
 src/views/Links.vue | 17 +++++++++++------
 1 file changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/views/Links.vue b/src/views/Links.vue
index e886a26d..fbb10201 100644
--- a/src/views/Links.vue
+++ b/src/views/Links.vue
@@ -13,7 +13,7 @@
 
 <script setup>
 import { onMounted, shallowRef, computed } from 'vue';
-import { isEqual } from 'lodash';
+import { groupBy, isEqual } from 'lodash';
 import { createInstance } from 'localforage';
 import LinkCard from '@/components/links/LinkCard.vue';
 import { useCeobeApiUtils } from '@/utils/ceobeCanteen';
@@ -24,11 +24,16 @@ const storage = createInstance({ name: 'recommended-links' });
 
 const linkList = shallowRef([]);
 
-const sortedLinkList = computed(() =>
-  [...linkList.value].sort((a, b) =>
-    getLocalizedText(a.localized_name).localeCompare(getLocalizedText(b.localized_name)),
-  ),
-);
+const sortedLinkList = computed(() => {
+  const startWithAlphabetRegexp = /^[a-z]/i;
+  const { true: first = [], false: second = [] } = groupBy(linkList.value, item =>
+    startWithAlphabetRegexp.test(getLocalizedText(item.localized_name)),
+  );
+  const sortMethod = (a, b) =>
+    getLocalizedText(a.localized_name).localeCompare(getLocalizedText(b.localized_name));
+
+  return [first, second].flatMap(list => list.sort(sortMethod));
+});
 
 onMounted(() => {
   initLinkList();