Feature request: Inject icon component into slot-left/right

[CoreyVincent]

Currently, I'm using SVG to show an icon. But it would be nice to be able to inject a component into the slot.

Example:

if (toast) toast('Blue', {
    duration: false,
    positionY: 'top',
    positionX: 'right',
    disableClick: false,
    class: ['bg-blue-400', 'rounded-sm'],
    slotLeft: '<svg className="max-w-6 max-h-6" fill="none" stroke="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M10 14l2-2m0 0l2-2m-2 2l-2-2m2 2l2 2m7-2a9 9 0 11-18 0 9 9 0 0118 0z" /></svg>'
})

Would become:

import { XCircleIcon } from '@heroicons/vue/solid'
toast('Blue', {
    duration: false,
    positionY: 'top',
    positionX: 'right',
    disableClick: false,
    class: ['bg-blue-400', 'rounded-sm'],
    slotLeft: '<XCircleIcon class="max-h-5 max-w-5" />'
})

[Daniel-Knights]

No idea how this could be implemented, but agree it'd be really useful. There's a similar issue here #11