From 6df276ede2c8a0ad223513b34f45368ce7daba8e Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Sat, 17 Jan 2026 18:22:25 +0100
Subject: [PATCH] Refactor category sorting logic in Vereinsmeisterschaften
 component

This commit introduces a new function, getSortedKategorien, to sort competition categories based on a predefined order. The rendering of categories in the Vereinsmeisterschaften component is updated to utilize this new sorting function, improving the organization and display of results. This change enhances the user experience by ensuring categories are presented in a consistent and logical order.
---
 pages/vereinsmeisterschaften.vue | 29 +++++++++++++++++++++++++++--
 1 file changed, 27 insertions(+), 2 deletions(-)

diff --git a/pages/vereinsmeisterschaften.vue b/pages/vereinsmeisterschaften.vue
index 30c5161..700162a 100644
--- a/pages/vereinsmeisterschaften.vue
+++ b/pages/vereinsmeisterschaften.vue
@@ -72,7 +72,7 @@
             class="space-y-6"
           >
             <div
-              v-for="(kategorieData, kategorie) in sortedGroupedResults[jahr].kategorien"
+              v-for="kategorie in getSortedKategorien(sortedGroupedResults[jahr].kategorien)"
               :key="kategorie"
               class="border-l-4 border-primary-600 pl-4"
             >
@@ -82,7 +82,7 @@
               
               <div class="grid gap-3">
                 <div
-                  v-for="(ergebnis, index) in kategorieData"
+                  v-for="(ergebnis, index) in sortedGroupedResults[jahr].kategorien[kategorie]"
                   :key="index"
                   :class="[
                     'flex items-center justify-between p-3 rounded-lg',
@@ -395,6 +395,31 @@ const totalDoubles = computed(() => {
   return results.value.filter(r => r.kategorie === 'Doppel' && r.platz === '1').length
 })
 
+// Sortierreihenfolge für Kategorien
+const kategorieReihenfolge = ['Einzel', 'Doppel', 'Mixed', 'Senioren', 'Jugend']
+
+function getSortedKategorien(kategorien) {
+  if (!kategorien) return []
+  
+  // Sortiere Kategorien nach vordefinierter Reihenfolge
+  const sorted = Object.keys(kategorien).sort((a, b) => {
+    const indexA = kategorieReihenfolge.indexOf(a)
+    const indexB = kategorieReihenfolge.indexOf(b)
+    
+    // Wenn beide in der Liste sind, sortiere nach Index
+    if (indexA !== -1 && indexB !== -1) {
+      return indexA - indexB
+    }
+    // Wenn nur eine in der Liste ist, kommt sie zuerst
+    if (indexA !== -1) return -1
+    if (indexB !== -1) return 1
+    // Wenn keine in der Liste ist, alphabetisch sortieren
+    return a.localeCompare(b)
+  })
+  
+  return sorted
+}
+
 function openLightbox(filename, name) {
   lightboxImage.value = { filename, name }
   document.body.style.overflow = 'hidden'