chore(deps): vue-toastification added

package.json

@@ -22,6 +22,7 @@
     "vue-final-modal": "^3.4.1",
     "vue-i18n": "^9.1.7",
     "vue-router": "4",
+    "vue-toastification": "^2.0.0-rc.1",
     "vuex": "^4.0.2"
   },
   "devDependencies": {

src/main.ts

@@ -1,20 +1,27 @@
 import { createApp } from 'vue'
 import vfmPlugin from 'vue-final-modal'
+import Toast, { POSITION } from 'vue-toastification'
 
 import router from './router'
 import store from './store'
 import i18n from './lang'
 
 import App from './App.vue'
 
-import './tailwind.css'
 import './preset.css'
+import './tailwind.css'
+import 'vue-toastification/dist/index.css'
 
 const app = createApp(App)
 
 app.use(router)
 app.use(store)
 app.use(i18n)
 app.use(vfmPlugin)
+app.use(Toast, {
+  position: POSITION.TOP_CENTER,
+  timeout: 2000,
+  maxToasts: 3,
+})
 
 app.mount('#app')

vite.config.ts

@@ -44,6 +44,7 @@ export default defineConfig({
       'vuex',
       'vue-i18n',
       'vue-final-modal',
+      'vue-toastification',
       '@headlessui/vue',
       '@vueuse/core',
     ],

yarn.lock

@@ -2634,6 +2634,11 @@ vue-router@4:
   dependencies:
     "@vue/devtools-api" "^6.0.0-beta.14"
 
+vue-toastification@^2.0.0-rc.1:
+  version "2.0.0-rc.1"
+  resolved "https://registry.yarnpkg.com/vue-toastification/-/vue-toastification-2.0.0-rc.1.tgz#6a994c19635a493eec0ee290e84a966e07c709d2"
+  integrity sha512-hjauv/FyesNZdwcr5m1SCyvu1JmlB+Ts5bTptDLDmsYYlj6Oqv8NYakiElpCF+Abwkn9J/AChh6FwkTL1HOb7Q==
+
 vue-tsc@^0.2.2:
   version "0.2.3"
   resolved "https://registry.yarnpkg.com/vue-tsc/-/vue-tsc-0.2.3.tgz#12bf48e3c9b1e553d31aad0c641722d5d15841d8"