diff options
| author | schneefux <schneefux+commit@schneefux.xyz> | 2018-05-11 22:22:08 +0200 |
|---|---|---|
| committer | schneefux <schneefux+commit@schneefux.xyz> | 2018-12-13 16:59:20 +0100 |
| commit | 890c691b3ee3be52c3e10550c14ca9d204d4d689 (patch) | |
| tree | 5023778f09dca17c828ef9ecc175ef52e58e4a6e /src/TalentImage.vue | |
| parent | f096beb074177ef3ddb85fe753ea4800b72cf2c8 (diff) | |
| download | brokentalents-890c691b3ee3be52c3e10550c14ca9d204d4d689.tar.gz brokentalents-890c691b3ee3be52c3e10550c14ca9d204d4d689.zip | |
add hero search box to BR tab
Diffstat (limited to 'src/TalentImage.vue')
| -rw-r--r-- | src/TalentImage.vue | 20 |
1 files changed, 20 insertions, 0 deletions
diff --git a/src/TalentImage.vue b/src/TalentImage.vue new file mode 100644 index 0000000..ccf3147 --- /dev/null +++ b/src/TalentImage.vue @@ -0,0 +1,20 @@ +<template> + <figure class="image is-64x64"> + <img :src="'dist/assets/talent-icons-small/' + hero + '/' + hero + '_' + rarity + '.png'" :alt="hero + ' ' + rarity"> + </figure> +</template> + +<script> +import Vue from 'vue'; +import * as maps from './maps/maps'; + +export default Vue.component('talent-image', { + props: [ 'entry' ], + data: function() { + return { + hero: maps.getHero(this.entry.Actor), + rarity: maps.getTalentRarity(this.entry.Talent), + }; + }, +}); +</script> |