diff options
| author | schneefux <schneefux+commit@schneefux.xyz> | 2018-05-21 13:09:05 +0200 |
|---|---|---|
| committer | schneefux <schneefux+commit@schneefux.xyz> | 2018-12-13 16:59:33 +0100 |
| commit | aea0fa999fd09951835b2d74c53137624f46929e (patch) | |
| tree | 3d806b7b5c5dd8b95fd07d6f3402d2231cf981d4 /src/HeroImage.vue | |
| parent | 73e2c234f2f52357b21fd9fe9b956eeabb8ddc62 (diff) | |
| download | brokentalents-aea0fa999fd09951835b2d74c53137624f46929e.tar.gz brokentalents-aea0fa999fd09951835b2d74c53137624f46929e.zip | |
major redesign
Diffstat (limited to 'src/HeroImage.vue')
| -rw-r--r-- | src/HeroImage.vue | 19 |
1 files changed, 19 insertions, 0 deletions
diff --git a/src/HeroImage.vue b/src/HeroImage.vue new file mode 100644 index 0000000..fc1c677 --- /dev/null +++ b/src/HeroImage.vue @@ -0,0 +1,19 @@ +<template> + <figure class="image"> + <img :src="`dist/assets/hero-icons/${hero.toLowerCase()}.png`" :style="round? 'border-radius: 50%' : ''"> + </figure> +</template> + +<script> +import Vue from 'vue'; +import * as maps from './maps/maps'; + +export default Vue.component('hero-image', { + props: [ 'actor', 'round' ], + computed: { + hero: function() { + return maps.getHero(this.actor); + }, + }, +}); +</script> |