From e10b37b0ca0367117748ad902aea78c320f8fc20 Mon Sep 17 00:00:00 2001
From: schneefux <schneefux+commit@schneefux.xyz>
Date: Mon, 21 May 2018 13:15:57 +0200
Subject: Add mouseovers

---
 src/HeroImage.vue   | 5 ++++-
 src/Home.vue        | 2 +-
 src/TalentImage.vue | 4 +++-
 3 files changed, 8 insertions(+), 3 deletions(-)

(limited to 'src')

diff --git a/src/HeroImage.vue b/src/HeroImage.vue
index fc1c677..4dd7672 100644
--- a/src/HeroImage.vue
+++ b/src/HeroImage.vue
@@ -1,6 +1,9 @@
 <template>
   <figure class="image">
-    <img :src="`dist/assets/hero-icons/${hero.toLowerCase()}.png`" :style="round? 'border-radius: 50%' : ''">
+    <img :src="`dist/assets/hero-icons/${hero.toLowerCase()}.png`"
+         :style="round? 'border-radius: 50%' : ''"
+         :alt="hero"
+         :title="hero">
   </figure>
 </template>
 
diff --git a/src/Home.vue b/src/Home.vue
index 4983b5a..69de621 100644
--- a/src/Home.vue
+++ b/src/Home.vue
@@ -1,6 +1,6 @@
 <template>
     <b-tabs v-model="tabIndex" expanded type="is-toggle">
-      <b-tab-item v-for="mode in modes" :label="getMode(mode)">
+      <b-tab-item v-for="mode in modes" :label="getMode(mode)" :key="mode">
         <mode-tab :reportService="reportService"></mode-tab>
       </b-tab-item>
     </b-tabs>
diff --git a/src/TalentImage.vue b/src/TalentImage.vue
index 3e3c2db..b409e53 100644
--- a/src/TalentImage.vue
+++ b/src/TalentImage.vue
@@ -1,7 +1,9 @@
 <template>
   <div v-if="rarity !== 'unknown' && rarity"
        class="talent-image"
-       :style="`background-image: url('dist/assets/talent-icons-small/${hero}/${hero}_${rarity}.png'); width: ${size}px; height: ${size}px`">
+       :style="`background-image: url('dist/assets/talent-icons-small/${hero}/${hero}_${rarity}.png'); width: ${size}px; height: ${size}px`"
+       :alt="`${hero} ${rarity}`"
+       :title="`${hero} ${rarity}`">
   </div>
 </template>
 
-- 
cgit v1.3.1