Better key system for season

assets/api/seasons.js

@@ -11,6 +11,14 @@ exports.getSeason = (url, res) => {
   malScraper.getSeason(query.year, query.season).then((result) => {
     console.log(`[Mal-Scraper] (Seasons): Now having ${query.season} ${query.year}.`)
 
+    const keys = Object.keys(result.info)
+
+    keys.forEach((key) => {
+      result.info[key].forEach((elem, index) => {
+        result.info[key][index].key = Math.random()
+      })
+    })
+
     res.writeHead(200, {'Content-Type': 'application/json'})
     res.write(JSON.stringify(result))
     res.end()

pages/seasons.vue

@@ -48,7 +48,7 @@
               <transition-group name="list">
                 <v-col md6 xs12 v-for="item in computedSeason[i].items"
                        style="display: inline-block"
-                       :key="item.title + item.synopsis + item.releaseDate">
+                       :key="item.key">
                 <v-row class="elem elevation-3" v-ripple="true">
                   <!-- Header of elem -->
                   <v-col xs12 v-tooltip:bottom="{ html: item.title }">
@@ -214,7 +214,7 @@
                 })
               }
             } else return ''
-        })
+          })
       }
     },
     components: {