diff --git a/src/components/item_card/SeasonTag.vue b/src/components/item_card/SeasonTag.vue
index 86a2f04..2930627 100644
--- a/src/components/item_card/SeasonTag.vue
+++ b/src/components/item_card/SeasonTag.vue
@@ -1,16 +1,15 @@
 <template>
   <span class="tag is-primary">
     <span class="icon">
-        <spring-icon v-if="season === 'spring'"/>
-        <summer-icon v-if="season === 'summer'"/>
-        <fall-icon v-if="season === 'fall'"/>
-        <winter-icon v-if="season === 'winter'"/>
+        <spring-icon v-if="season.id === 'spring'"/>
+        <summer-icon v-if="season.id === 'summer'"/>
+        <fall-icon v-if="season.id === 'fall'"/>
+        <winter-icon v-if="season.id === 'winter'"/>
     </span>
   </span>
 </template>
 
 <script>
-import Seasons from '@/assets/game_data/seasons.json'
 import SpringIcon from 'mdi-vue/FlowerIcon'
 import SummerIcon from 'mdi-vue/WhiteBalanceSunnyIcon'
 import FallIcon from 'mdi-vue/LeafIcon'
@@ -19,11 +18,13 @@ export default {
   name: 'season-tag',
   props: {
     season: {
-      type: String,
+      type: Object,
       required: true,
-      default: 'spring',
-      validator: function (value) {
-        return value in Seasons
+      default: function () {
+        return {
+          id: 'spring',
+          name: 'Spring'
+        }
       }
     }
   },
diff --git a/src/components/item_card/SkillTag.vue b/src/components/item_card/SkillTag.vue
index 5313e9b..4027ad3 100644
--- a/src/components/item_card/SkillTag.vue
+++ b/src/components/item_card/SkillTag.vue
@@ -1,17 +1,16 @@
 <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'"/>
+      <farming-icon v-if="skill.id === 'farming'"/>
+      <mining-icon v-if="skill.id === 'mining'"/>
+      <foraging-icon v-if="skill.id === 'foraging'"/>
+      <fishing-icon v-if="skill.id === 'fishing'"/>
+      <combat-icon v-if="skill.id === 'combat'"/>
     </span>
   </span>
 </template>
 
 <script>
-import Skills from '@/assets/game_data/skills.json'
 import FarmingIcon from 'mdi-vue/CowIcon'
 import MiningIcon from 'mdi-vue/DiamondIcon'
 import ForagingIcon from 'mdi-vue/MushroomIcon'
@@ -21,11 +20,13 @@ export default {
   name: 'skill-tag',
   props: {
     skill: {
-      type: String,
+      type: Object,
       required: true,
-      default: 'farming',
-      validator: function (value) {
-        return value.toLowerCase() in Skills
+      default: function () {
+        return {
+          id: 'farming',
+          name: 'Farming'
+        }
       }
     }
   },