Delete user modal fixed

src/components/UserAuthComponents/DeleteUserModal.vue

@@ -34,7 +34,7 @@
         </div>
         <!-- Modal body -->
         <div class="p-6 space-y-6">
-          <div click="deleteUser" class="text-xl text-error-dark cursor-pointer">Slett bruker</div>
+          <div @click="deleteUser" class="flex justify-center text-xl text-error-dark cursor-pointer">Slett bruker</div>
         </div>
       </div>
     </div>
@@ -52,7 +52,7 @@ export default {
       this.$emit("close");
     },
     deleteUser(){
-      this.$emit("deleteUser")
+      this.$emit("deleteUser");
     },
   },
 };

src/components/UserProfileComponents/UserProfile.vue

@@ -2,7 +2,8 @@
   <div
     class="w-full max-w-xl m-auto md:ring-1 ring-gray-300 overflow-hidden rounded-xl p-4"
   >
-    <DeleteUserModal :visible="show" @close="this.show = false"/>
+    <DeleteUserModal :visible="show" @close="this.show = false"
+    @deleteUser="deleteUser"/>
     <div v-show="isCurrentUser" class="float-right px-4 pt-4">
       <button
         id="dropdownDefault"
@@ -169,8 +170,9 @@ export default {
     toggleModal() {
       this.show = !this.show;
     },
-    deleteUser(){
-      console.log("Deleted")
+    async deleteUser(){
+      const deleteResponse = await UserService.deleteUser();
+      alert(deleteResponse.data);
     },
   },
   beforeMount() {

src/services/user.service.js

@@ -103,7 +103,7 @@ class UserService {
 
   async deleteUser() {
     return await axios
-        .get(API_URL + "user/delete", {
+        .put(API_URL + "user/delete", {
           headers: tokenHeader(),
         })
         .then((res) => {