Set up the notification feature

This commit is contained in:
Bubka 2023-09-21 17:10:12 +02:00
parent 531b35c786
commit e393ca1ea0
4 changed files with 14 additions and 0 deletions

10
package-lock.json generated
View File

@ -5,6 +5,7 @@
"packages": { "packages": {
"": { "": {
"devDependencies": { "devDependencies": {
"@kyvg/vue3-notification": "^3.0.2",
"@vitejs/plugin-vue": "^4.3.4", "@vitejs/plugin-vue": "^4.3.4",
"axios": "^1.1.2", "axios": "^1.1.2",
"bulma": "^0.9.4", "bulma": "^0.9.4",
@ -458,6 +459,15 @@
"optional": true, "optional": true,
"peer": true "peer": true
}, },
"node_modules/@kyvg/vue3-notification": {
"version": "3.0.2",
"resolved": "https://registry.npmjs.org/@kyvg/vue3-notification/-/vue3-notification-3.0.2.tgz",
"integrity": "sha512-t6PWPWggVqehX0BJZbqOttfKe3oUOrkgYoNQWSx8gwz8+pIRygQNT5MrewaIATdiU3bf//Yyto/wEm7vYl17Uw==",
"dev": true,
"peerDependencies": {
"vue": "^3.0.0"
}
},
"node_modules/@types/node": { "node_modules/@types/node": {
"version": "20.4.0", "version": "20.4.0",
"resolved": "https://registry.npmjs.org/@types/node/-/node-20.4.0.tgz", "resolved": "https://registry.npmjs.org/@types/node/-/node-20.4.0.tgz",

View File

@ -6,6 +6,7 @@
"build": "vite build" "build": "vite build"
}, },
"devDependencies": { "devDependencies": {
"@kyvg/vue3-notification": "^3.0.2",
"@vitejs/plugin-vue": "^4.3.4", "@vitejs/plugin-vue": "^4.3.4",
"axios": "^1.1.2", "axios": "^1.1.2",
"bulma": "^0.9.4", "bulma": "^0.9.4",

View File

@ -3,6 +3,7 @@
</script> </script>
<template> <template>
<notifications id="vueNotification" role="alert" width="100%" position="top" :duration="4000" :speed="0" :max="1" classes="notification is-radiusless" />
<main class="main-section"> <main class="main-section">
<RouterView /> <RouterView />
</main> </main>

View File

@ -5,10 +5,12 @@ import { createApp } from 'vue'
import App from './App.vue' import App from './App.vue'
import router from './router' import router from './router'
import Notifications from '@kyvg/vue3-notification'
const app = createApp(App) const app = createApp(App)
// app.use(createPinia()) // app.use(createPinia())
app.use(router) app.use(router)
app.use(Notifications)
app.mount('#app') app.mount('#app')