splatoon3.ink/src/components/salmonrun/SalmonRunWeapons.vue
2022-10-17 20:34:23 -07:00

25 lines
542 B
Vue

<template>
<div class="flex justify-center">
<div v-for="(weapon, i) in props.weapons" :key="i">
<img
:src="weapon.image.url"
:title="$t(`splatnet.weapons.${weapon.__splatoon3ink_id}.name`, weapon.name)"
class="aspect-square hover:scale-[1.15] hover:z-10 transition-transform"
:class="weaponClass"
/>
</div>
</div>
</template>
<script setup>
const props = defineProps({
weapons: {
type: Object,
required: true,
},
weaponClass: {
default: 'w-10',
},
});
</script>