schon/storefront/composables/auth/useLogin.ts
Alexandr SaVBaD Waltz 40ae24a04c Features: 1) Add SEO-related fragments to GraphQL queries including SEOMETA_FRAGMENT usage in brands, categories, and products queries; 2) Enable localized and dynamic SEO metadata handling in category pages with Vue composables and useSeoMeta; 3) Replace obsolete client-only wrapper with native Nuxt components like nuxt-marquee for enhanced rendering;
Fixes: 1) Correct file path imports by removing `.js` extensions in GraphQL fragments; 2) Resolve typo in `usePromocodeStore` composables to ensure consistent store usage; 3) Add missing `:type="submit"` to login form button for proper form submission handling;

Extra: 1) Remove unused `.idea` and `README.md` files for repository cleanup; 2) Delete extraneous dependencies from `package-lock.json` for streamlined package management; 3) Refactor category slug handling with improved composable logic for cleaner route parameters and SEO alignment.
2025-09-13 12:53:06 +03:00

101 lines
No EOL
2.5 KiB
TypeScript

import { LOGIN } from '~/graphql/mutations/auth';
import type { ILoginResponse } from '~/types/api/auth';
import { isGraphQLError } from '~/utils/error';
import { useAppConfig } from '~/composables/config';
import { useLocaleRedirect } from '~/composables/languages';
import { useUserStore } from '~/stores/user';
import { useAppStore } from '~/stores/app';
import {DEFAULT_LOCALE} from "~/config/constants";
import {useNotification} from "~/composables/notification";
import {useUserBaseData} from "~/composables/user";
export function useLogin() {
const { t } = useI18n();
const userStore = useUserStore();
const appStore = useAppStore();
const { COOKIES_LOCALE_KEY, COOKIES_REFRESH_TOKEN_KEY, COOKIES_ACCESS_TOKEN_KEY } = useAppConfig();
const { checkAndRedirect } = useLocaleRedirect();
const cookieRefresh = useCookie(
COOKIES_REFRESH_TOKEN_KEY,
{
default: () => '',
path: '/'
}
);
const cookieAccess = useCookie(
COOKIES_ACCESS_TOKEN_KEY,
{
default: () => '',
path: '/'
}
);
const cookieLocale = useCookie(
COOKIES_LOCALE_KEY,
{
default: () => DEFAULT_LOCALE,
path: '/'
}
);
const { mutate, loading, error } = useMutation<ILoginResponse>(LOGIN);
async function login(
email: string,
password: string,
isStayLogin: boolean
) {
const result = await mutate({ email, password });
const authData = result?.data?.obtainJwtToken;
if (!authData) return;
if (isStayLogin && authData.refreshToken) {
cookieRefresh.value = authData.refreshToken;
}
userStore.setUser(authData.user);
cookieAccess.value = authData.accessToken;
appStore.unsetActiveState();
useNotification({
message: t('popup.success.login'),
type: 'success'
});
if (authData.user.language !== cookieLocale.value) {
await checkAndRedirect(authData.user.language);
}
// await useWishlist();
// await useOrders({
// userEmail: authData.user.email,
// status: "PENDING"
// });
// await usePromocodes();
await useUserBaseData(authData.user.email);
}
watch(error, (err) => {
if (!err) return;
console.error('useLogin error:', err);
let message = t('popup.errors.defaultError');
if (isGraphQLError(err)) {
message = err.graphQLErrors?.[0]?.message || message;
} else {
message = err.message;
}
useNotification({
message,
type: 'error',
title: t('popup.errors.main')
});
});
return {
loading,
login
};
}