stash

frontend/src/views/Settings.vue

@@ -51,14 +51,35 @@
 
 <script>
 import BaseLayout from "@/components/BaseLayout.vue";
+import {mapActions, mapGetters, mapMutations} from "vuex";
 
 export default {
     name: 'Settings',
     components: {BaseLayout},
+    computed: {
+        ...mapGetters(['signAuth'])
+    },
     methods: {
-        deleteAccount() {
-            if (confirm('Are you sure you want to delete your account?')) {
-                alert('Account deleted');
+        ...mapActions(['getHomeServers']),
+        ...mapMutations(['logout']),
+        async deleteAccount() {
+            if (!confirm('Are you sure you want to permanently delete your account? ' +
+                'All your data will be deleted and you will not be able to log back in. This cannot be undone.')) {
+                return;
+            }
+            try {
+                const servers = await this.getHomeServers();
+                const response = await servers.delete(this.signAuth, '/api/account/');
+                if (!response || !response.ok) {
+                    const errorBody = response ? await response.json().catch(() => ({})) : {};
+                    alert('Account deletion failed: ' + (errorBody.detail || response?.statusText || 'unknown error'));
+                    return;
+                }
+                alert('Your account has been permanently deleted.');
+                this.logout();
+            } catch (error) {
+                console.error('Account deletion failed', error);
+                alert('Account deletion failed: ' + error);
             }
         },
     }