nuxt 3 module about vue-toast-notification HOT 3 CLOSED

I have no idea of nuxt 3 and their plugin system

from vue-toast-notification.

I got you
Do this.

Create a file in your plugins folder such as toaster.ts
paste the following in there:

import { useToast } from 'vue-toast-notification';
const toast = useToast();
export default defineNuxtPlugin(() => {
    return {
      provide: {
        toast,
      }
    }
});

in your nuxt.config.js add this to your css array
'vue-toast-notification/dist/theme-default.css'

to use the toaster in your component now do this

const { $toast } = useNuxtApp();
 $toast.success('You did it!');

have fun!!

from vue-toast-notification.

const { $toast } = useNuxtApp();
$toast.success('You did it!');

There will be an error in preview mode because named export 'useToast' not found.

from vue-toast-notification.