37 lines
646 B
Vue
37 lines
646 B
Vue
|
<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: 4px;
|
||
|
|
|
||
|
|
margin: $default-margin;
|
||
|
|
padding: $default-padding;
|
||
|
|
}
|
||
|
|
</style>
|