20 lines
883 B
Vue
20 lines
883 B
Vue
<script setup>
|
|
const route = useRoute()
|
|
const championId = route.params.id
|
|
|
|
const { data : championData } = await useFetch("/api/champion/" + championId)
|
|
</script>
|
|
|
|
<template>
|
|
<div style="display: flex; width: fit-content; margin: auto;">
|
|
<div style="margin-top: 64px;">
|
|
<ChampionTitle :champion-id="championId" :winrate="championData.winrate" :pickrate="championData.pickrate" :game-count="championData.gameCount" />
|
|
<RuneSelector v-if="championData.gameCount > 0" style="margin-top: 20px;" :runes="championData.runes" />
|
|
<h2 style="margin: auto; margin-top: 20px; width: fit-content;" v-if="championData.gameCount == 0">Sorry, there is no data for this champion :(</h2>
|
|
</div>
|
|
<ItemViewer v-if="championData.gameCount > 0" style="margin-top: 64px; margin-left: 64px;" :builds="championData.builds" />
|
|
</div>
|
|
</template>
|
|
|
|
<style>
|
|
</style> |