From 73c4106f51951a0cd137fc89d2a6f821e2fbd0a7 Mon Sep 17 00:00:00 2001
From: John Cleaver <cleaver.john.k@gmail.com>
Date: Wed, 28 Feb 2018 22:12:40 -0500
Subject: [PATCH] Update to new data format.

---
 src/components/item_card/SeasonList.vue | 36 ++++++++++++++++++-------
 src/components/item_card/SkillList.vue  | 17 +++++++++---
 2 files changed, 41 insertions(+), 12 deletions(-)

diff --git a/src/components/item_card/SeasonList.vue b/src/components/item_card/SeasonList.vue
index 3793bea..43509af 100644
--- a/src/components/item_card/SeasonList.vue
+++ b/src/components/item_card/SeasonList.vue
@@ -1,12 +1,11 @@
 <template>
-  <span class="tags">
-    <season-tag v-for="season in seasons" :key="SeasonOrder(season)" :season="season"/>
+  <span class='tags'>
+    <season-tag v-for='season in seasons' :key='season.order' :season='season'/>
   </span>
 </template>
 
 <script>
 import SeasonTag from './SeasonTag'
-import SeasonData from '@/assets/game_data/seasons.json'
 
 export default {
   components: {SeasonTag},
@@ -14,12 +13,31 @@ export default {
   props: {
     seasons: {
       type: Array,
-      required: true
-    }
-  },
-  methods: {
-    SeasonOrder: function (value) {
-      return SeasonData[value].id
+      required: true,
+      default: function () {
+        return [
+          {
+            id: 'spring',
+            order: 0,
+            name: 'Spring'
+          },
+          {
+            id: 'summer',
+            order: 1,
+            name: 'Summer'
+          },
+          {
+            id: 'fall',
+            order: 2,
+            name: 'Fall'
+          },
+          {
+            id: 'winter',
+            order: 3,
+            name: 'Winter'
+          }
+        ]
+      }
     }
   }
 }
diff --git a/src/components/item_card/SkillList.vue b/src/components/item_card/SkillList.vue
index 4e7b140..29d881f 100644
--- a/src/components/item_card/SkillList.vue
+++ b/src/components/item_card/SkillList.vue
@@ -1,11 +1,22 @@
 <template>
-
+  <span class="tags">
+    <skill-tag v-for="skill in skills" :key="skill.order" :skill="skill"/>
+  </span>
 </template>
 
 <script>
-    export default {
-        name: "skill-list"
+import SkillTag from './SkillTag'
+
+export default {
+  components: {SkillTag},
+  name: 'skill-list',
+  props: {
+    skills: {
+      type: Array,
+      required: true
     }
+  }
+}
 </script>
 
 <style scoped>