Is there a way to set a Custom Component?

[chrisspiegl]

Dear Toastification Community,

is there a way to set a custom component as the default component without having to apply that component every time a toast is fired and instead just being able to set the props on the message?

I have found the option to overwrite the default options on a per toast type basis. However, this only adjusts the duration, hideProgressBar, and the like. I have not yet figured out how to overwrite / set a custom component as the default.

Here is how it works now:

import ToastyComponent from '@/components/ToastyComponent.vue'

const toast = useToast()

toast.error({
  component: ToastyComponent,
  props: {
    message: 'Ein Fehler ist aufgetreten.',
  },
})

Here is how I would like it to work:

import ToastyComponent from '@/components/ToastyComponent.vue'
toast.setDefaultComponent(ToastyComponent) // or maybe make it part of the init / update default options?

const toast = useToast()

toast.error({
  props: {
    message: 'Ein Fehler ist aufgetreten.',
  },
})