wip

src/views/DeckBuilder.vue

@@ -57,8 +57,8 @@
         </v-select>
       </v-col>
       <!-- selected_shikigami_names: {{ selected_shikigami_names }} <br />
-      selected_shikigami_data: {{ selected_shikigami_data }} <br />
+      selected_shikigami_data: {{ selected_shikigami_data }} <br /> -->
-      selected_shikigami_decks: {{ selected_shikigami_decks }} -->
+      selected_shikigami_decks: {{ selected_shikigami_decks }}
     </v-row>
     <v-row v-for="(_, index) in selected_shikigami_names" :key="index">
       <v-card elevation="2" width="100%" class="pa-3" flat tile color="#070042">
@@ -168,7 +168,28 @@ export default {
     },
     remove_shikigami(item) {
       const index = this.selected_shikigami_names.indexOf(item.name);
-      if (index >= 0) this.selected_shikigami_names.splice(index, 1);
+      if (index >= 0) {
+        console.log(`index: ${index}`);
+        this.selected_shikigami_names.splice(index, 1);
+        this.selected_shikigami_decks[index][index].splice(0);
+        // shuffle shikigami down by 1
+        // for (let _ = 0; _ < this.selected_shikigami_decks.length; _++) {
+        if (index <= 3) {
+          console.log(
+            this.selected_shikigami_decks[index + 1][index + 1].length
+          );
+          for (
+            let i = 0;
+            i < this.selected_shikigami_decks[index + 1][index + 1].length;
+            i++
+          ) {
+            this.selected_shikigami_decks[index][index].push(
+              this.selected_shikigami_decks[index + 1][index + 1][i]
+            );
+          }
+        }
+        // }
+      }
     },
     remove_decks(shiki_index, card_index) {
       ``;

src/views/Home.vue

@@ -3,17 +3,17 @@
     <v-row class="text-center">
       <v-col cols="12">
         <v-img
-          :src="require('../assets/logo.svg')"
+          :src="require('../assets/front_page_shikigami.png')"
           class="my-3"
           contain
-          height="200"
+          height="500"
         />
       </v-col>
 
       <v-col class="mb-4">
         <h1 class="display-2 font-weight-bold mb-3">Onymoji Deck Builder</h1>
 
-        <p class="subheading font-weight-regular">Share and build decks.</p>
+        <p class="subheading font-weight-regular">Build and share decks.</p>
         <v-btn elevation="1" x-large color="#EA6F1A">Get started</v-btn>
       </v-col>
     </v-row>