npm i makeit-modal

import { createApp } from 'vue'
import MakeitModal from 'makeit-modal'
import 'makeit-modal/dist/modal.min.css'
import App from './app.vue'

const app = createApp(App)
app.use(MakeitModal)
app.mount('#app')

<!-- Базовый эффект -->
<template>
    <a-button type="primary" @click="handleModal">Нажмите, чтобы открыть модальное окно</a-button>
    <mi-modal v-model:visible="visible" title="Заголовок">
        Пользовательский контент модального окна (Modal Content)
    </mi-modal>
</template>

<script lang="ts">
    import { defineComponent } from 'vue'
    export default defineComponent({
        data() {
            return {
                visible: false
            }
        },
        methods: {
            handleModal() {
                this.visible = !this.visible
            }
        }
    })
</script>

<!-- Быстрое модальное окно -->
<template>
    <a-button class="mi-btn-success" @click="handleSuccess">Успех</a-button>
    <a-button type="danger" @click="handleError">Ошибка</a-button>
    <a-button class="mi-btn-warning" @click="handleWarning">Предупреждение</a-button>
    <a-button class="mi-btn-info" @click="handleConfirm">Подтверждение</a-button>
</template>

<script lang="ts">
    import { defineComponent } from 'vue'
    export default defineComponent({
        methods: {
            handleSuccess() {
                this.$miModal.success({
                    content: 'Операция выполнена успешно (Successed)'
                })
            },
            handleError() {
                this.$miModal.error({
                    content: 'Операция не удалась (Failed)'
                })
            },
            handleConfirm() {
                this.$miModal.confirm({
                    content: 'Вы уверены, что хотите удалить текущую выбранную запись?'
                })
            },
            handleWarning() {
                this.$miModal.warning({
                    content: 'Пожалуйста, включите [ vue-route ] компонент'
                })
            }
        }
    })
</script>