Vue 3 notification is an easy to use library to display notifications in a Vue.js application. This video shows how I have integrated it.
Category
🦄
CreativityTranscript
00:00Vue3 Notification is a user-friendly library for displaying notifications within Vue.js applications.
00:13This video shows how I've integrated it.
00:18First of all, I have installed it using this CLI command.
00:30Then I imported it in my main.js file where I have the Vue instance.
00:52And added it in the Vue instance.
01:04Then, in my app.vue file, I have added this component copied from the official documentation.
01:19This is the position where will be displayed the notification.
01:27And I have copied from the official documentation even these CSS files.
01:45Then, in the component where I want to show notifications, I just imported this useNotification.composable
02:02and showed a success message when this component is rendered.
02:15This is just a test to show how it works.
02:21And this is the notification.