exchange-2.0/resources/assets/vue/components/general/elements/ModalComponent.vue

<template>
    <div class="modal modalContainer fade" :class="styleType" :data-type="type">
        <div class="modal-dialog"  v-bind:class="[{'modal-lg': size === 'large'}, {'modal-xl': size === 'extra-large'}, {'modal-sm': size === 'small'}]">
            <div class="modal-content">
                <div class="modal-body">
                    <slot></slot>
                </div>
            </div>
        </div>
    </div>
</template>
<script>
    export default {
        props: {
            type: {
                type: String,
            },
            size: {
                type: String,
                default: ''
            },
            styleType: {
                type: String,
                default: "stick-up"
            }
        }
    }
</script>