Alexandr SaVBaD Waltz
c9807bd6d4
Fixes: 1) Correct mutation name from `setlanguage` to `setLanguage` for consistency; 2) Improve product listing reactivity by addressing missing initialization in `useStore`; 3) Replace generic product queries with parametrized `useProducts` for modularity; 4) Resolve minor typos, missing semicolons, and code formatting inconsistencies. Extra: 1) Refactor feedback-related types, composables, and GraphQL utilities for modularity; 2) Update styles, Vue templates, and related scripts with enhanced formatting; 3) Remove unused methods like `getProducts`, standardizing query reactivity; 4) Cleanup and organize imports across multiple files.
36 lines
No EOL
766 B
TypeScript
36 lines
No EOL
766 B
TypeScript
import type {VNodeChild} from "vue";
|
|
|
|
interface INotificationArguments {
|
|
message: string | VNodeChild,
|
|
type: string,
|
|
title?: string
|
|
}
|
|
|
|
export function useNotification(
|
|
args: INotificationArguments
|
|
) {
|
|
const duration = 5000
|
|
|
|
const progressBar = h('div', {
|
|
class: 'el-notification__progress',
|
|
style: { animationDuration: `${duration}ms` }
|
|
})
|
|
|
|
const bodyContent: VNodeChild =
|
|
typeof args.message === 'string'
|
|
? h('p', args.message)
|
|
: args.message
|
|
|
|
const messageVNode = h('div', [bodyContent, progressBar])
|
|
|
|
const notification = ElNotification({
|
|
title: args.title,
|
|
duration: 0,
|
|
message: messageVNode,
|
|
type: args.type
|
|
} as NotificationOptions)
|
|
|
|
setTimeout(() => {
|
|
notification.close()
|
|
}, duration)
|
|
} |