<script setup>
const route = useRoute()
const championId = route.params.id

const { data : championData } = await useFetch("/api/champion/" + championId)
</script>

<template>
    <ChampionTitle style="margin-top: 64px; margin-left: 64px;" :champion-id="championId" :winrate="championData.winrate" :pickrate="championData.pickrate" :game-count="championData.gameCount" />
    <!-- <RunePage style="margin-top: 64px; margin-left: 64px;" primaryStyleId="8000" secondaryStyleId="8300" :selectionIds="selections" /> -->
    <RuneSelector style="margin-top: 20px; margin-left: 64px;" :runes="championData.runes" />
</template>

<style>
</style>