From 497e40853d3f630bbc1167e86da5229f6f2ccfff Mon Sep 17 00:00:00 2001
From: vhaudiquet <vhaudiquet343@hotmail.fr>
Date: Mon, 25 Nov 2024 00:14:04 +0100
Subject: [PATCH] Champions are sorted :)

---
 frontend/components/ChampionSelector.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/frontend/components/ChampionSelector.vue b/frontend/components/ChampionSelector.vue
index 7453781..905383f 100644
--- a/frontend/components/ChampionSelector.vue
+++ b/frontend/components/ChampionSelector.vue
@@ -1,12 +1,17 @@
 <script setup>
 const {data: champions} = await useFetch(CDRAGON_BASE + "plugins/rcp-be-lol-game-data/global/default/v1/champion-summary.json")
-const filteredChampions = ref(champions.value.slice(1))
+champions.value = champions.value.slice(1).sort((a, b) => {
+    if(a.name < b.name) return -1;
+    if(a.name > b.name) return 1;
+    return 0;
+})
+const filteredChampions = ref(champions.value)
 
 const searchBar = ref(null)
 watch(searchBar, (newS, oldS) => {searchBar.value.focus()})
 const searchText = ref("")
 watch(searchText, (newT, oldT) => {
-    filteredChampions.value = champions.value.slice(1).filter((champion) => champion.name.toLowerCase().includes(searchText.value.toLowerCase()))
+    filteredChampions.value = champions.value.filter((champion) => champion.name.toLowerCase().includes(searchText.value.toLowerCase()))
 })
 
 async function submit() {