From aea0fa999fd09951835b2d74c53137624f46929e Mon Sep 17 00:00:00 2001
From: schneefux <schneefux+commit@schneefux.xyz>
Date: Mon, 21 May 2018 13:09:05 +0200
Subject: major redesign

---
 src/HeroImage.vue | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)
 create mode 100644 src/HeroImage.vue

(limited to 'src/HeroImage.vue')

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>
-- 
cgit v1.3.1

