PronounsPage/components/Alert.vue

<script setup lang="ts">
defineProps<{
    type: string;
    message?: string;
}>();
</script>

<template>
    <div v-if="message" :class="`alert alert-${type}`">
        <p class="mb-0">
            <Icon v="exclamation-triangle" />
            <T>{{ message }}</T>
        </p>
    </div>
</template>