@aminoeditor/vue-notify v1.0.6

Vue Notify

Minimalist global notifications for your Vue 3 application

Getting started

Install

npm i --save @aminoeditor/vue-notify

Setup

Install the plugin

// main.js
import { createApp } from 'vue'

import App from './App.vue'
import VueNotify from '@aminoeditor/vue-notify';

createApp(App)
.use(VueNotify)
.mount('#app')

Load the default styles

// App.vue
<style lang="scss">
@import "@aminoeditor/vue-notify";
</style>

Use Case

<template>
	<a @click.prevent="$notify('Hello World!')">Say Hello</a>
</template>

Configuration

Global Options

//main.js
createApp(App)
.use(VueNotify, {
   global: 'toast' // now you can call this.$toast('Hello World');
})
.mount('#app');

Notification Level Options

this.$notify('Hello World!', {
	displayMs: 5000 // how long before notification should disappear
});