Files
InvoiceShelf/resources/scripts-v2/stores/auth.store.ts
Darko Gjorgjijoski 2b996d30bf Phase 2: Typed global Pinia stores in scripts-v2/
Rewrite all 7 global stores from JS options API to TypeScript
composition API. 8 files, 1005 lines, zero any types.

- auth.store.ts: login/logout with authService
- global.store.ts: bootstrap, menus, sidebar, config fetching
- company.store.ts: company selection, admin mode, settings
- user.store.ts: current user, abilities, settings
- notification.store.ts: typed toast notifications
- dialog.store.ts: confirm dialog returning Promise<boolean>
- modal.store.ts: modal state with isEdit getter

All use async/await, typed API services, localStore utility,
and explicit ref<T> generics.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
2026-04-04 05:15:00 +02:00

112 lines
2.5 KiB
TypeScript

import { defineStore } from 'pinia'
import { ref } from 'vue'
import { authService } from '../api/services/auth.service'
import type { LoginPayload, ForgotPasswordPayload, ResetPasswordPayload } from '../api/services/auth.service'
import { useNotificationStore } from './notification.store'
import { handleApiError } from '../utils/error-handling'
import * as localStore from '../utils/local-storage'
export interface LoginData {
email: string
password: string
remember: boolean
}
export interface ForgotPasswordData {
email: string
}
export interface ResetPasswordData {
email: string
password: string
password_confirmation: string
token: string
}
export const useAuthStore = defineStore('auth', () => {
// State
const loginData = ref<LoginData>({
email: '',
password: '',
remember: false,
})
const forgotPasswordData = ref<ForgotPasswordData>({
email: '',
})
const resetPasswordData = ref<ResetPasswordData>({
email: '',
password: '',
password_confirmation: '',
token: '',
})
// Actions
async function login(data: LoginPayload): Promise<void> {
try {
await authService.login(data)
setTimeout(() => {
loginData.value.email = ''
loginData.value.password = ''
}, 1000)
} catch (err: unknown) {
handleApiError(err)
throw err
}
}
async function logout(): Promise<void> {
const notificationStore = useNotificationStore()
try {
await authService.logout()
notificationStore.showNotification({
type: 'success',
message: 'Logged out successfully.',
})
localStore.remove('auth.token')
localStore.remove('selectedCompany')
await authService.refreshCsrfCookie().catch(() => {})
} catch (err: unknown) {
handleApiError(err)
localStore.remove('auth.token')
localStore.remove('selectedCompany')
await authService.refreshCsrfCookie().catch(() => {})
throw err
}
}
async function forgotPassword(data: ForgotPasswordPayload): Promise<void> {
try {
await authService.forgotPassword(data)
} catch (err: unknown) {
handleApiError(err)
throw err
}
}
async function resetPassword(data: ResetPasswordPayload): Promise<void> {
try {
await authService.resetPassword(data)
} catch (err: unknown) {
handleApiError(err)
throw err
}
}
return {
loginData,
forgotPasswordData,
resetPasswordData,
login,
logout,
forgotPassword,
resetPassword,
}
})