This commit is contained in:
jleroy2023
2025-07-15 13:20:57 +02:00
parent e036481ce0
commit 9c25898e9d
3 changed files with 44 additions and 42 deletions

View File

@@ -2,20 +2,16 @@
<v-container class="py-10">
<v-card v-if="pokemon" class="mx-auto max-w-xl p-6">
<h1 class="text-3xl font-bold mb-4">{{ pokemon.name.fr }}</h1>
<!-- Carousel sprites -->
<v-carousel hide-delimiter-background height="200" class="mb-6">
<v-carousel hide-delimiter-background height="400" class="mb-6">
<v-carousel-item
v-for="(sprite, index) in availableSprites"
:key="index"
>
<img :src="sprite.url" :alt="sprite.label" class="mx-auto h-40" />
<img :src="sprite.url" :alt="sprite.label" class="mx-auto h-80" />
<div class="text-center mt-2 font-semibold">{{ sprite.label }}</div>
</v-carousel-item>
</v-carousel>
<p><strong>Génération :</strong> {{ pokemon.generation }}</p>
<div class="mb-4">
<strong>Types :</strong>
<span v-for="type in pokemon.types" :key="type.name" class="inline-flex items-center mr-3">
@@ -23,7 +19,6 @@
{{ type.name }}
</span>
</div>
<div class="mb-4">
<strong>Talents :</strong>
<ul>
@@ -32,7 +27,6 @@
</li>
</ul>
</div>
<div class="mb-4">
<strong>Stats :</strong>
<v-simple-table dense>
@@ -46,7 +40,6 @@
</tbody>
</v-simple-table>
</div>
<div class="mb-4">
<strong>Résistances :</strong>
<div class="flex flex-wrap gap-3">
@@ -61,23 +54,6 @@
</span>
</div>
</div>
<div class="mb-4">
<strong>Évolution :</strong>
<div>
<div v-if="pokemon.evolution.pre">Précédent: {{ pokemon.evolution.pre.name || 'N/A' }}</div>
<div v-if="pokemon.evolution.next && pokemon.evolution.next.length">
Suivant:
<ul>
<li v-for="evo in pokemon.evolution.next" :key="evo.pokedex_id">
{{ evo.name }} - {{ evo.condition }}
</li>
</ul>
</div>
<div v-if="pokemon.evolution.mega">Méga: {{ pokemon.evolution.mega.name || 'N/A' }}</div>
</div>
</div>
<div class="mb-4">
<strong>Taille :</strong> {{ pokemon.height }}<br />
<strong>Poids :</strong> {{ pokemon.weight }}<br />