20 lines
473 B
Vue
20 lines
473 B
Vue
<script setup>
|
|
import { defineProps } from 'vue'
|
|
|
|
const props = defineProps({
|
|
pokemonData: Object,
|
|
pokemonImage: String,
|
|
});
|
|
</script>
|
|
|
|
<template>
|
|
<div class="w-full h-full flex items-center justify-center p-2 relative z-10">
|
|
<img
|
|
:src="pokemonImage"
|
|
:alt="pokemonData.names[1].name"
|
|
class="max-w-full max-h-full object-contain filter drop-shadow-[0_0_10px_rgba(255,255,255,0.2)]"
|
|
>
|
|
</div>
|
|
</template>
|
|
|