update WS admin loket dan checkin

composables/useQueue.js

@@ -135,24 +135,36 @@ export const useQueue = (adminType = "loket", specificId = null) => {
 
   // Filtered lists
   const filteredKliniks = computed(() => {
-    if (!klinikSearch.value) return queueStore.kliniks;
-    return queueStore.kliniks.filter((k) =>
-      k.name.toLowerCase().includes(klinikSearch.value.toLowerCase())
-    );
+    let result = queueStore.kliniks;
+    if (klinikSearch.value) {
+      result = result.filter((k) =>
+        k.name.toLowerCase().includes(klinikSearch.value.toLowerCase())
+      );
+    }
+    // Sort alphabetically by name
+    return [...result].sort((a, b) => (a.name || "").localeCompare(b.name || ""));
   });
 
   const filteredPenunjangs = computed(() => {
-    if (!penunjangSearch.value) return queueStore.penunjangs;
-    return queueStore.penunjangs.filter((p) =>
-      p.name.toLowerCase().includes(penunjangSearch.value.toLowerCase())
-    );
+    let result = queueStore.penunjangs;
+    if (penunjangSearch.value) {
+      result = result.filter((p) =>
+        p.name.toLowerCase().includes(penunjangSearch.value.toLowerCase())
+      );
+    }
+    // Sort alphabetically by name
+    return [...result].sort((a, b) => (a.name || "").localeCompare(b.name || ""));
   });
 
   const filteredChangeKliniks = computed(() => {
-    if (!changeKlinikSearch.value) return queueStore.kliniks;
-    return queueStore.kliniks.filter((k) =>
-      k.name.toLowerCase().includes(changeKlinikSearch.value.toLowerCase())
-    );
+    let result = queueStore.kliniks;
+    if (changeKlinikSearch.value) {
+      result = result.filter((k) =>
+        k.name.toLowerCase().includes(changeKlinikSearch.value.toLowerCase())
+      );
+    }
+    // Sort alphabetically by name
+    return [...result].sort((a, b) => (a.name || "").localeCompare(b.name || ""));
   });
 
   // Methods