Update request to upload image.

src/components/ImageUpload.vue

@@ -22,7 +22,7 @@
 </template>
 
 <script>
-import { mapActions } from "vuex";
+import { mapActions, mapState } from "vuex";
 export default {
   data: () => {
     return {
@@ -34,6 +34,7 @@ export default {
     noImage: function () {
       return !this.imageList;
     },
+    ...mapState(["stateSecret"]),
   },
   methods: {
     updateImageList() {
@@ -57,7 +58,14 @@ export default {
     },
     async postImage(fd) {
       try {
-        const response = await fetch("api/image", { method: "POST", body: fd });
+        const options = {
+          method: "POST",
+          headers: {
+            secret: this.stateSecret,
+          },
+          body: fd,
+        };
+        const response = await fetch("api/image", options);
         const data = await response.json();
         console.log(data);
         this.addStateHashArray(data.hash);

src/views/Home.vue

 <template>
   <div id="home-container">
     <section id="user-section">
+      <div>
         <TagCreation></TagCreation>
         <ImageUpload @image-submitted="updateHashArray"></ImageUpload>
         <router-link id="user-settings" to="/user">User settings</router-link>
+      </div>
     </section>
     <ImageList :hashArray="stateHashArray"></ImageList>
   </div>
@@ -45,7 +47,7 @@ export default {
 #user-section {
   display: flex;
   flex-flow: column;
-  position: fixed;
+  position: sticky;
   height: 100vh;
 }
 #home-container {