Vue Snotify for Vue 3

Based on vue-snotify for Vue 2.

How to use

npm i --save vue3-notify

In main.ts :

1import notify from 'vue3-notification';
2
3const app = createApp(App)
4
5app.use(notify);
6
7app.mount('#app');

In App.vue:

1<vue3-notify />

Vue Options API:

1methods: {
2    handleClick() {
3      this.$snotify.success("Lorem ipsum dolor sit amet!");
4    }
5}

Inject function for Vue files

The plugin automatically sets global provide() with key "vue3-notify".

1<script setup>
2import { inject } from "vue";
3
4const snotify: (any) = inject("vue3-notify");
5
6function handleClick() {
7    handleClick() {
8       snotify.success("Lorem ipsum dolor sit amet!");
9    }
10};
11
12</script>