schon/storefront/app/composables/auth/useNewPassword.ts
Alexandr SaVBaD Waltz 8d7685ef67 feat(notification): integrate global notification plugin using ElNotification
Added a global `notify` method via Nuxt plugin to replace `useNotification`. Improved messaging structure by embedding progress bars and handled dynamic durations. Updated usage across composables and components for consistency.

- Replaced `useNotification` with `$notify` in all applicable files.
- Updated `app.config.ts` to support customizable notification positions.
- Refactored affected composables for simplified notification calls.
- Enhanced progress indicator display within notifications.

Breaking Changes:
`useNotification` is removed, requiring migration to the new `$notify` API.
2026-03-01 15:30:47 +03:00

57 lines
1.2 KiB
TypeScript

import { NEW_PASSWORD } from '@graphql/mutations/auth.js';
import type { INewPasswordResponse } from '@types';
export function useNewPassword() {
const { t } = useI18n();
const router = useRouter();
const { $notify } = useNuxtApp();
const localePath = useLocalePath();
const token = useRouteQuery('token', '');
const uid = useRouteQuery('uid', '');
const { mutate, loading, error } = useMutation<INewPasswordResponse>(NEW_PASSWORD);
async function newPassword(password: string, confirmPassword: string) {
const result = await mutate({
password,
confirmPassword,
token: token.value,
uid: uid.value,
});
if (result?.data?.confirmResetPassword.success) {
$notify({
message: t('popup.success.newPassword'),
type: 'success',
});
await router.push({
path: '/',
});
navigateTo(localePath('/'));
}
}
watch(error, (err) => {
if (!err) return;
console.error('useNewPassword error:', err);
let message = t('popup.errors.defaultError');
if (isGraphQLError(err)) {
message = err.graphQLErrors?.[0]?.message || message;
} else {
message = err.message;
}
$notify({
message,
type: 'error',
title: t('popup.errors.main'),
});
});
return {
newPassword,
loading,
};
}