11<script setup lang="ts">
2- import { useTemplateRef } from ' vue' ;
3- import { useRouter } from ' vue-router' ;
4- import { useAuthStore } from ' @/stores/auth' ;
5- import { useAxiosForm } from ' @/composables/useAxiosForm' ;
6- import { useFlashMessage } from ' @/composables/useFlashMessage.js' ;
7- import Password from ' primevue/password' ;
8- import InputErrors from ' @/components/InputErrors.vue' ;
2+ import { useTemplateRef } from ' vue'
3+ import { useRouter } from ' vue-router'
4+ import { useAuthStore } from ' @/stores/auth'
5+ import { useAxiosForm } from ' @/composables/useAxiosForm'
6+ import { useFlashMessage } from ' @/composables/useFlashMessage.js'
7+ import Password from ' primevue/password'
8+ import InputErrors from ' @/components/InputErrors.vue'
99
10- const modalOpen = defineModel <boolean >({ default: false });
10+ const modalOpen = defineModel <boolean >({ default: false })
1111
12- const authStore = useAuthStore ();
13- const router = useRouter ();
14- const { setFlashMessage } = useFlashMessage ();
12+ const authStore = useAuthStore ()
13+ const router = useRouter ()
14+ const { setFlashMessage } = useFlashMessage ()
1515
1616type PasswordInputType = InstanceType <typeof Password > & { $el: HTMLElement };
17- const passwordInput = useTemplateRef <PasswordInputType >(' password-input' );
17+ const passwordInput = useTemplateRef <PasswordInputType >(' password-input' )
1818
1919const {
2020 data : formData,
@@ -24,26 +24,26 @@ const {
2424 reset : resetFormFields,
2525} = useAxiosForm ({
2626 password: ' ' ,
27- });
27+ })
2828const deleteAccount = () => {
2929 submitForm (' /profile' , {
3030 onSuccess : () => {
31- modalOpen .value = false ;
32- authStore .user = null ;
31+ modalOpen .value = false
32+ authStore .user = null
3333 router .push ({ name: ' login' }).then (() => {
34- setFlashMessage (' success' , ' Your account has been deleted.' );
35- });
34+ setFlashMessage (' success' , ' Your account has been deleted.' )
35+ })
3636 },
3737 onError : () => {
38- console .error (' error' );
38+ console .error (' error' )
3939 if (passwordInput .value && passwordInput .value ?.$el ) {
40- const passwordInputElement = passwordInput .value .$el .querySelector (' input' );
41- passwordInputElement ?.focus ();
40+ const passwordInputElement = passwordInput .value .$el .querySelector (' input' )
41+ passwordInputElement ?.focus ()
4242 }
4343 },
4444 onFinish : () => resetFormFields (),
45- });
46- };
45+ })
46+ }
4747 </script >
4848
4949<template >
0 commit comments