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/TalentBox.vue | |
| parent | 73e2c234f2f52357b21fd9fe9b956eeabb8ddc62 (diff) | |
| download | brokentalents-aea0fa999fd09951835b2d74c53137624f46929e.tar.gz brokentalents-aea0fa999fd09951835b2d74c53137624f46929e.zip | |
major redesign
Diffstat (limited to 'src/TalentBox.vue')
| -rw-r--r-- | src/TalentBox.vue | 24 |
1 files changed, 11 insertions, 13 deletions
diff --git a/src/TalentBox.vue b/src/TalentBox.vue index d9f220e..ee30717 100644 --- a/src/TalentBox.vue +++ b/src/TalentBox.vue @@ -1,8 +1,7 @@ <template> <div> <p class="title-box">{{ title }}</p> - <div class="columns"> - + <div class="columns is-mobile"> <div class="column is-centered"> <figure class="image is-64x64 hero-image-slot"> <img class="hero-image" :src="'dist/assets/hero-icons/' + hero.toLowerCase() + '.png'" :alt="entry.Actor"> @@ -46,7 +45,6 @@ .hero-name { font-size: 18px; - /* margin-bottom: 10px; */ } .value { @@ -62,19 +60,19 @@ <script> -import Vue from "vue"; -import TalentImage from "./TalentImage.vue"; -import * as maps from "./maps/maps"; +import Vue from 'vue'; +import TalentImage from './TalentImage.vue'; +import * as maps from './maps/maps'; -export default Vue.component("talent-box", { - props: ["title", "content", "entry", "type", "value", "label"], - data: function() { - return { - hero: maps.getHero(this.entry.Actor), - }; +export default Vue.component('talent-box', { + props: ['title', 'content', 'entry', 'type', 'value', 'label'], + computed: { + hero: function() { + return maps.getHero(this.entry.Actor); + }, }, components: { - TalentImage + TalentImage, } }); </script> |