Is possible to call useToast outside of a component?

[GutoFrr]

I have this Pinia store as example of what I am trying to do. My app.vue has a component but I keep getting the "No PrimeVue Toast provided!" error.

const toast = useToast();

export const useAuth = defineStore('auth', {
  state: () => ({
    user: null as User | null,
  }),
  actions: {
    async login(body: LoginBody) {
      try {
        const data = await login(body);
        
        this.user = data;
        toast.add({
          life: 3000,
          severity: 'success',
          detail: 'Sucess',
        });
      } catch (error) {
        toast.add({
          life: 3000,
          severity: 'success',
          detail: 'Sucess',
        });
      }
    },
  },
});

[tugcekucukoglu]

Did you import the ToastService?

import {createApp} from 'vue';
import ToastService from 'primevue/toastservice';

const app = createApp(App);
app.use(ToastService);

[nasko314504]

Same problem

[wolfgangdenthaner]

You must define toast in the export const from the store.

[alishaynoor]

yes, it is possible.
smart.com.ph registration