Fix rune bug :)

frontend/components/RuneSelector.vue

@@ -8,9 +8,9 @@ const props = defineProps<{
 }>()
 
 const currentlySelectedPage = ref(0)
-const primaryStyles : Ref<Array<PerkStyle>> = ref([])
-const secondaryStyles : Ref<Array<PerkStyle>> = ref([])
-const keystoneIds : Ref<Array<number>> = ref([])
+const primaryStyles : Ref<Array<PerkStyle>> = ref(Array(props.runes.length))
+const secondaryStyles : Ref<Array<PerkStyle>> = ref(Array(props.runes.length))
+const keystoneIds : Ref<Array<number>> = ref(Array(props.runes.length))
 
 let { data: perks_data } : PerksResponse = await useFetch(CDRAGON_BASE + "plugins/rcp-be-lol-game-data/global/default/v1/perks.json")
 const perks = reactive(new Map())
@@ -21,9 +21,9 @@ for(let perk of perks_data.value) {
 let { data: stylesData } : PerkStylesResponse = await useFetch(CDRAGON_BASE + "plugins/rcp-be-lol-game-data/global/default/v1/perkstyles.json")
 watch(() => props.runes, (newRunes, oldRunes) => {
     currentlySelectedPage.value = 0
-    primaryStyles.value = []
-    secondaryStyles.value = []
-    keystoneIds.value = []
+    primaryStyles.value = Array(props.runes.length)
+    secondaryStyles.value = Array(props.runes.length)
+    keystoneIds.value = Array(props.runes.length)
 
     refreshStylesKeystones()
 })
@@ -32,15 +32,15 @@ function refreshStylesKeystones() {
     for(let style of stylesData.value.styles) {
         for(let rune of props.runes) {
             if(style.id == rune.primaryStyle) {
-                primaryStyles.value.push(style)
+                primaryStyles.value[props.runes.indexOf(rune)] = style
                 for(let perk of style.slots[0].perks) {
                     if(rune.selections.includes(perk)) {
-                        keystoneIds.value.push(perk)
+                        keystoneIds.value[props.runes.indexOf(rune)] = perk
                     }
                 }
             }
             if(style.id == rune.secondaryStyle) {
-                secondaryStyles.value.push(style)
+                secondaryStyles.value[props.runes.indexOf(rune)] = style
             }
         }
     }