Remove batch deleting image

src/components/ImageItem.vue

 <template>
-  <div
-    @click.ctrl.shift.exact="
-      checked = !checked;
-      $emit('checked', checked, flake);
-    "
-    id="image-container"
-  >
-    <div
-      @click="
-        checked = !checked;
-        $emit('checked', checked, flake);
-      "
-      v-show="checked"
-      id="checkmark"
-    >
-      X
-    </div>
-    <router-link @click.ctrl.shift.native.prevent :to="`/image/${flake}`">
+  <div id="image-container">
+    <router-link :to="`/image/${flake}`">
       <img :src="`/api/image/${flake}/preview`" />
     </router-link>
   </div>
@@ -24,17 +8,11 @@
 
 <script>
 export default {
-  data: () => {
-    return {
-      checked: false,
-    };
-  },
   props: {
     flake: {
       required: true,
     },
   },
-  methods: {},
 };
 </script>
 
@@ -46,14 +24,4 @@ img {
   height: 100%;
   width: 100%;
 }
-#checkmark {
-  font-family: "Lucida Console", monospace;
-  font-weight: bold;
-  color: white;
-  background: rgb(209, 39, 39);
-  position: absolute;
-  top: 0.4em;
-  left: 0.4em;
-  padding: 0.4em 0.6em;
-}
 </style>
\ No newline at end of file

src/components/ImageList.vue

@@ -11,7 +11,7 @@
         :key="index"
         class="max-w-xs flex flex-col"
       >
-        <ImageItem :flake="flake" @checked="appendToDeleteArray"></ImageItem>
+        <ImageItem :flake="flake"></ImageItem>
       </div>
     </div>
     <PaginationBar
@@ -19,13 +19,6 @@
       :last-page="lastPage"
       @onPageChange="pageChange"
     />
-    <button
-      v-show="deleteArray.length"
-      @click="deleteImages(deleteArray)"
-      class="fixed bottom-0 right-0 p-1 bg-blue-300"
-    >
-      Delete
-    </button>
   </section>
 </template>
 
@@ -42,13 +35,12 @@ export default {
   },
   data: () => {
     return {
-      deleteArray: [],
       currentPage: 0,
       lastPage: 0,
     };
   },
   computed: {
-    ...mapState(["stateUser", "stateImageSnowflakes"]),
+    ...mapState(["stateImageSnowflakes"]),
   },
   async created() {
     this.lastPage = Number(await this.getLastPage());
@@ -72,22 +64,6 @@ export default {
       const lastPage = await response.text();
       return lastPage;
     },
-    appendToDeleteArray(...args) {
-      const [checked, hash] = args;
-      checked
-        ? this.deleteArray.push(hash)
-        : this.deleteArray.splice(this.deleteArray.indexOf(hash), 1);
-    },
-    deleteImages(deleteArray) {
-      const options = {
-        method: "DELETE",
-        headers: { secret: this.stateUser.secret },
-      };
-      for (let i = 0; i < deleteArray.length; i++) {
-        fetch(paths.ImageField(deleteArray[i]), options);
-      }
-      this.deleteArray = [];
-    },
     ...mapActions(["setStateImageSnowflakes"]),
   },
 };