Notification.vue: transition via vuejs, trying to generate unique key

This commit is contained in:
Sockenklaus
2021-10-21 11:25:17 +02:00
parent 7e5ab9b445
commit d5fdda6337
3 changed files with 30 additions and 21 deletions

View File

@@ -3,8 +3,8 @@ import { defineStore, acceptHMRUpdate } from 'pinia'
export const useNotifications = defineStore('notifications', {
state: () => {
return {
/**@type {{type: string, text: string}[]} */
notifications: new Array<{type: string, text: string}>()
/**@type {{type: string, text: string, randomKey: string}[]} */
notifications: new Array<{type: string, text: string, randomKey: string}>()
}
},

View File

@@ -1,6 +1,8 @@
import { defineStore, storeToRefs } from 'pinia'
import axios, {AxiosResponse, AxiosError} from 'axios'
import { useNotifications } from './notifications'
import { getUnixTime } from 'date-fns'
import { AxiosError } from 'axios'
import axios from 'axios'
type AuthSuccResult = {
notification: {
@@ -44,6 +46,7 @@ export const useUser = defineStore('userStore', {
notifications.value.push({
type: response.data.notification.type,
text: response.data.notification.text,
randomKey: getUnixTime(new Date()).toString()
})
return true
@@ -54,7 +57,8 @@ export const useUser = defineStore('userStore', {
const note = {
type: data.notification.type,
text: data.notification.text
text: data.notification.text,
randomKey: getUnixTime(new Date()).toString()
}
notifications.value.push(note)