LoginForm interface

userfrosting · Jun 9, 2024 · a58d748 · a58d748
1 parent dd6d220
commit a58d748
Show file tree

Hide file tree

Showing 4 changed files with 10 additions and 4 deletions.
diff --git a/app/assets/components/Auth/AuthLogin.vue b/app/assets/components/Auth/AuthLogin.vue
@@ -1,9 +1,10 @@
-<script setup>
+<script setup lang="ts">
 import { useLoginApi } from '../../composables/loginApi'
 import { useAuthStore } from '../../stores/auth'
+import type { LoginForm } from '../../interfaces/loginForm';
 
 // Form variables
-let form = {
+let form: LoginForm = {
     user_name: '',
     password: ''
 }

diff --git a/app/assets/composables/authCheckApi.ts b/app/assets/composables/authCheckApi.ts
@@ -21,6 +21,7 @@ export function useCheckApi(auth: typeof authStore) {
                 auth.setUser(response.data.user)
             })
             .catch((err) => {
+                auth.unsetUser()
                 error.value = {
                     ...err.response.data,
                     ...{ style: AlertStyle.Danger, closeBtn: true }

diff --git a/app/assets/composables/loginApi.ts b/app/assets/composables/loginApi.ts
@@ -2,6 +2,7 @@ import { ref } from 'vue'
 import axios from 'axios'
 import { type AlertInterface, AlertStyle } from '@userfrosting/theme-pink-cupcake/types'
 import { useAuthStore } from '../stores/auth'
+import type { LoginForm } from '../interfaces/loginForm';
 const authStore = useAuthStore()
 
 /**
@@ -15,8 +16,7 @@ export function useLoginApi(auth: typeof authStore) {
     const error = ref<AlertInterface | undefined>()
 
     // TODO : Error if user is not null
-    // TODO : Change form type
-    const login = (form: any) => {
+    const login = (form: LoginForm) => {
         loading.value = true
         error.value = undefined
         axios

diff --git a/app/assets/interfaces/loginForm.ts b/app/assets/interfaces/loginForm.ts
@@ -0,0 +1,4 @@
+export interface LoginForm {
+    user_name: string
+    password: string
+}