Update request to delete image

src/components/ImageList.vue

@@ -3,12 +3,15 @@
     <div id="item-container" v-for="(hash, index) in hashArray" :key="index">
       <ImageItem :hash="hash" @checked="appendToDeleteArray"></ImageItem>
     </div>
-    <button v-show="deleteArray.length" @click="deleteImages(deleteArray)">Delete</button>
+    <button v-show="deleteArray.length" @click="deleteImages(deleteArray)">
+      Delete
+    </button>
   </section>
 </template>
 
 <script>
 import ImageItem from "@/components/ImageItem.vue";
+import { mapState } from "vuex";
 export default {
   components: {
     ImageItem,
@@ -23,6 +26,9 @@ export default {
       required: true,
     },
   },
+  computed: {
+    ...mapState(["stateSecret"]),
+  },
   methods: {
     appendToDeleteArray(...args) {
       const [checked, hash] = args;
@@ -31,8 +37,12 @@ export default {
         : this.deleteArray.splice(this.deleteArray.indexOf(hash), 1);
     },
     deleteImages(deleteArray) {
+      const options = {
+        method: "DELETE",
+        headers: { secret: this.stateSecret },
+      };
       for (let i = 0; i < deleteArray.length; i++) {
-        fetch(`/api/image/${deleteArray[i]}`, { method: "DELETE" });
+        fetch(`/api/image/${deleteArray[i]}`, options);
       }
       this.deleteArray = [];
     },