Toast not working?

[tarkhil]

I'm trying to run Toast.

main.js

Code: Select all

import * as Vue from 'vue'
import App from '@/components/App.vue';
import PrimeVue from 'primevue/config';
import ToastService from 'primevue/toastservice';
import 'primevue/resources/primevue.min.css'
import 'primevue/resources/themes/lara-light-blue/theme.css'
import 'primeicons/primeicons.css'
import 'primeflex/primeflex.css'

const app = Vue.createApp(App)
      .use(PrimeVue)
      .use(ToastService)
      .mount('#app');

App.vue

Code: Select all

<template>
  <Toast/>
</template>

<script setup="">
import Toast from 'primevue/toast';
import { useToast } from "primevue/usetoast";
const toast = useToast();
toast.add({severity:'info', summary: 'Info Message', detail:'Message Content', life: 3000});
</script>

No errors in console. No toasts.

What could be wrong?

[tarkhil]

It was simple. toast should be called from onMounted or later