Fixes: 1) Replace `ElNotification` calls with `useNotification` utility across all authentication and user-related composables; 2) Add missing semicolons in multiple index exports and styled components; 3) Resolve issues with reactivity in `useStore` composable by renaming and restructuring product variables; Extra: 1) Refactor localized strings and translations for better readability and maintenance; 2) Tweak styles including scoped styles, z-index adjustments, and SCSS mixins; 3) Remove unused components and imports to streamline storefront layout.
26 lines
No EOL
575 B
TypeScript
26 lines
No EOL
575 B
TypeScript
export function useNotification(
|
|
message: string,
|
|
type: string,
|
|
title?: string
|
|
) {
|
|
const duration = 5000;
|
|
|
|
const createProgressBar = (duration: number, message: string) => {
|
|
return h('div', [
|
|
h('p', message),
|
|
h('div', {
|
|
class: 'el-notification__progress',
|
|
style: {
|
|
animationDuration: `${duration}ms`
|
|
}
|
|
})
|
|
]);
|
|
};
|
|
|
|
ElNotification({
|
|
title: title,
|
|
duration,
|
|
message: createProgressBar(duration, message),
|
|
type: type
|
|
} as import('element-plus').NotificationOptions);
|
|
} |