FIX: use v-bind:key for enumerables

src/components/ShowManager.vue

@@ -184,7 +184,7 @@
             </p>
             <p v-else>
               <ul>
-                <li v-for="cat in current.categories">{{ cat.category }}</li>
+                <li v-for="cat in current.categories" v-bind:key="cat.id">{{ cat.category }}</li>
               </ul>
             </p>
           </div>
@@ -201,7 +201,7 @@
             </p>
             <p v-else>
               <ul>
-                <li v-for="topic in current.topics">{{ topic.topic }}</li>
+                <li v-for="topic in current.topics" v-bind:key="topic.id">{{ topic.topic }}</li>
               </ul>
             </p>
           </div>
@@ -218,7 +218,7 @@
             </p>
             <p v-else>
               <ul>
-                <li v-for="focus in current.musicfocus">{{ focus.focus }}</li>
+                <li v-for="focus in current.musicfocus" v-bind:key="focus.id">{{ focus.focus }}</li>
               </ul>
             </p>
           </div>
@@ -235,7 +235,7 @@
             </p>
             <p v-else>
               <ul>
-                <li v-for="lang in current.languages">{{ lang.name }}</li>
+                <li v-for="lang in current.languages" v-bind:key="lang.id">{{ lang.name }}</li>
               </ul>
             </p>
           </div>
@@ -253,7 +253,7 @@
             <p v-else>
               <!-- TODO: make link on name; when user clicks, open modal to edit host -->
               <ul>
-                <li v-for="host in current.hosts">{{ host.name }}</li>
+                <li v-for="host in current.hosts" v-bind:key="host.id">{{ host.name }}</li>
               </ul>
             </p>
           </div>