Merge API composable into auth store

userfrosting · Jul 12, 2024 · 572b261 · 572b261
1 parent 5c53caf
commit 572b261
Show file tree

Hide file tree

Showing 20 changed files with 1,790 additions and 1,914 deletions.
diff --git a/app/assets/composables/authCheckApi.ts b/app/assets/composables/authCheckApi.ts
diff --git a/app/assets/composables/index.ts b/app/assets/composables/index.ts
diff --git a/app/assets/composables/loginApi.ts b/app/assets/composables/loginApi.ts
diff --git a/app/assets/composables/logoutApi.ts b/app/assets/composables/logoutApi.ts
diff --git a/app/assets/stores/auth.ts b/app/assets/stores/auth.ts
@@ -1,11 +1,15 @@
 import { defineStore } from 'pinia'
-import type { UserInterface } from '../interfaces'
+import axios from 'axios'
+import type { UserInterface, LoginForm, AlertInterface } from '../interfaces'
+import { AlertStyle } from '../interfaces'
 
 export const useAuthStore = defineStore('auth', {
     persist: true,
     state: () => {
         return {
-            user: null as UserInterface | null
+            user: null as UserInterface | null,
+            loading: false,
+            error: null as AlertInterface[] | null
         }
     },
     getters: {
@@ -17,6 +21,59 @@ export const useAuthStore = defineStore('auth', {
         },
         unsetUser(): void {
             this.user = null
+        },
+        async login(form: LoginForm) {
+            this.loading = true
+            this.error = null
+            axios
+                .post('/account/login', form)
+                .then((response) => {
+                    this.setUser(response.data)
+                })
+                .catch((err) => {
+                    this.error = {
+                        ...err.response.data,
+                        ...{ style: AlertStyle.Danger, closeBtn: true }
+                    }
+                })
+                .finally(() => {
+                    this.loading = false
+                })
+        },
+        async check() {
+            this.loading = true
+            this.error = null
+            axios
+                .get('/account/auth-check')
+                .then((response) => {
+                    this.setUser(response.data.user)
+                })
+                .catch((err) => {
+                    this.unsetUser()
+                    this.error = {
+                        ...err.response.data,
+                        ...{ style: AlertStyle.Danger, closeBtn: true }
+                    }
+                })
+                .finally(() => {
+                    this.loading = false
+                })
+        },
+        async logout() {
+            this.loading = true
+            this.error = null
+            this.unsetUser()
+            axios
+                .get('/account/logout')
+                .catch((err) => {
+                    this.error = {
+                        ...err.response.data,
+                        ...{ style: AlertStyle.Danger, closeBtn: true }
+                    }
+                })
+                .finally(() => {
+                    this.loading = false
+                })
         }
     }
 })
diff --git a/app/assets/stores/index.ts b/app/assets/stores/index.ts
diff --git a/dist/api.cjs b/dist/api.cjs