Peut-être que la solution suivante vous convient :

Ajoutez Toast dans App.vue et ajoutez une montre pour vérifier les messages du magasin

sssccc

Boutique

import { createStore } from "vuex";

export default createStore({
    state: { errorMessage: "" },
    mutations: {        
        setErrorMessage(state, payload) {
            state.errorMessage = payload;
        },
    },
    actions: {},
    modules: {},
    getters: {   
            getErrorMessage: (state) => state.errorMessage,
    },
});

Ensuite, dans n'importe quel autre composant, mettez simplement à jour le message

store.commit("setErrorMessage", error.message);

Cette solution a fonctionné pour moi, mais je ne suis pas sûr que ce soit une bonne solution.

Première : exportez l'application depuis main.ts

// main.ts
import {createApp} from 'vue';
import App from '@/App.vue';

import PrimeVue from 'primevue/config';
import ToastService from 'primevue/toastservice';

export const app = createApp(App);

app.use(PrimeVue);
app.use(ToastService);

app.mount('#app')

Deuxième : importez l'application et utilisez le service toast de app.config.globalProperties

// myToastService.ts
import {ToastSeverity} from 'primevue/api';
import {app} from '@/main';

const lifeTime = 3000;

export function info(title: string = 'I am title', body: string = 'I am body'): void {
  app.config.globalProperties.$toast.add({severity: ToastSeverity.INFO, summary: title, detail: body, life: lifeTime});
};

export function error(title: string = 'I am title', body: string = 'I am body'): void {
  app.config.globalProperties.$toast.add({severity: ToastSeverity.ERROR, summary: title, detail: body, life: lifeTime});
};

Troisième : importez myToastService dans le composant.

// myTestToastComponent.vue
sssccc