35 lines
642 B
Vue
Raw Normal View History

<template>
<div class="alert-message">
<div v-html="t(message)" />
</div>
</template>
<script lang="ts">
import { defineComponent } from 'vue'
import { useI18n } from 'vue-i18n'
export default defineComponent({
name: 'AlertMessage',
props: {
message: String,
},
setup() {
const { t } = useI18n()
return { t }
},
})
</script>
<style scoped lang="scss">
@import '~@/scss/base';
.alert-message {
background: var(--alert-background-color);
color: var(--alert-color);
border-radius: $border-radius;
margin: $default-margin;
padding: $default-padding;
}
</style>