adding latest

src/views/DeckBuilder.vue

@@ -104,23 +104,26 @@
               </div>
             </div>
           </v-col>
-          <v-col cols="10">{{ selected_shikigami_decks[index][index] }}</v-col>
+          <v-col cols="10">
+            <div cols="12">
+              {{ selected_shikigami_decks[index][index] }}
+            </div>
+            <div cols="12">
+              <v-card
+                v-for="i in selected_shikigami_decks[index][index]"
+                :key="i.id"
+                max-width="12.5%"
+              >
+                {{ i.name }}
+                <v-img
+                  :src="require(`@/assets/deck_of_cards/${i.url}`)"
+                ></v-img>
+              </v-card>
+            </div>
+          </v-col>
         </v-row>
       </v-card>
     </v-row>
-    <v-container grid-list-xl>
-      <v-select
-        v-model="color"
-        :items="colors"
-        item-text="title"
-        item-value="id"
-        multiple
-        return-object
-      >
-      </v-select>
-      colors: {{ color }}<br />
-      computed: {{ getColors }}
-    </v-container>
   </v-container>
 </template>
 
@@ -137,7 +140,6 @@ export default {
       { id: 2, title: "blue" },
       { id: 3, title: "red" },
     ],
-    color: [],
   }),
   methods: {
     get_chosen_shikigami_data: function (shikigami_name) {
@@ -191,11 +193,7 @@ export default {
       return this.doubled_cards;
     },
   },
-  computed: {
-    getColors() {
-      return this.color.map((c) => c.title);
-    },
-  },
+  computed: {},
   watch: {
     selected_shikigami_names: function () {
       this.selected_shikigami_data = [];