cssd-back/resources/js/vue/components/core/Modal.vue

<template>
    <div>
        <modal-base :show="getCurrentModal" :width="getModalProperties.width ? getModalProperties.width + '%': '70%'" @close="closeModal">
            <component :is="getCurrentModal" v-bind="getModalProperties"></component>
        </modal-base>
    </div>
</template>
<script>
import { mapGetters, mapMutations } from "vuex";

export default {
        data() {
            return {
                show: false,
                showModal: false,
            }
        },
        methods: {
            ...mapMutations('modal', [
                'changeCurrentModal'
            ]),
            closeModal: function() {
                this.changeCurrentModal('');
            },
        },
        computed : {
            ...mapGetters('modal',[
                'getCurrentModal', 'getModalProperties'
            ])
        }
    };

</script>