diff --git a/frontend/components/ChampionSelector.vue b/frontend/components/ChampionSelector.vue
index aeb945d..39be98f 100644
--- a/frontend/components/ChampionSelector.vue
+++ b/frontend/components/ChampionSelector.vue
@@ -1,17 +1,18 @@
 <script setup>
-const {data: champions} = await useFetch(CDRAGON_BASE + "plugins/rcp-be-lol-game-data/global/default/v1/champion-summary.json")
-champions.value = champions.value.slice(1).sort((a, b) => {
+const {data: championsData} = await useFetch(CDRAGON_BASE + "plugins/rcp-be-lol-game-data/global/default/v1/champion-summary.json")
+const champions = championsData.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 filteredChampions = ref(champions)
 
 const searchBar = ref(null)
 watch(searchBar, (newS, oldS) => {searchBar.value.focus()})
 const searchText = ref("")
 watch(searchText, (newT, oldT) => {
-    filteredChampions.value = champions.value.filter((champion) => champion.name.toLowerCase().includes(searchText.value.toLowerCase()))
+    filteredChampions.value = champions.filter((champion) => champion.name.toLowerCase().includes(searchText.value.toLowerCase()))
 })
 
 async function submit() {