kihashi/stardew_community_checklist
1
0
Fork 0
mirror of https://github.com/kihashi/stardew_community_checklist.git synced 2025-10-19 08:03:17 +00:00
Code Issues Releases Activity

Add skill icons in tag.

Browse Source
This commit is contained in:
John Cleaver 2018-02-27 21:55:57 -05:00
parent a454e85fe5
commit 899a528f8a
1 changed files with 34 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
src/components/item_card/SkillTag.vue
View File

@ -1,11 +1,42 @@
<template> <template>
<span class="tag is-info">
<span class="icon">
<farming-icon v-if="skill === 'farming'"/>
<mining-icon v-if="skill === 'mining'"/>
<foraging-icon v-if="skill === 'foraging'"/>
<fishing-icon v-if="skill === 'fishing'"/>
<combat-icon v-if="skill === 'combat'"/>
</span>
</span>
</template> </template>
<script> <script>
export default { import Skills from '@/assets/game_data/skills.json'
name: "skill-tag" import FarmingIcon from 'mdi-vue/CowIcon'
import MiningIcon from 'mdi-vue/DiamondIcon'
import ForagingIcon from 'mdi-vue/MushroomIcon'
import FishingIcon from 'mdi-vue/FishIcon'
import CombatIcon from 'mdi-vue/SwordIcon'
export default {
name: 'skill-tag',
props: {
skill: {
type: String,
required: true,
default: 'farming',
validator: function (value) {
return value.toLowerCase() in Skills
}
} }
},
components: {
FarmingIcon,
MiningIcon,
ForagingIcon,
FishingIcon,
CombatIcon
}
}
</script> </script>
<style scoped> <style scoped>