src/components/ui/alerts/BaseAlert.vue - dev - vdele/app

<script setup lang="ts">
import type { Component, PropType } from 'vue';

defineModel({
    type: Object as PropType<Component>,
    required: true,
});

</script>
<template>
    <div class="alert alert-info d-flex gap-2 align-items-center flex-grow-1" role="alert">
        <span>
            <component :is="modelValue"></component>
        </span>
        <span>
            <slot>
                Alert text here...
            </slot>
        </span>
    </div>
</template>