<template>
    <div class="row" @click="closeSettingMenu($event)">
        <div class="col-12">
            <BreadcrumbComponent />
        </div>

        <div class="col-12 md:col-4 xl:col-3">
            <MenuComponent />
        </div>

        <div class="col-12 md:col-8 xl:col-9">
            <router-view></router-view>
        </div>
    </div>
</template>

<script>
import MenuComponent from "./MenuComponent.vue";
import BreadcrumbComponent from "../components/BreadcrumbComponent.vue";
import appService from "../../../services/appService";

export default {
    name: "SettingsComponent",
    components: { MenuComponent, BreadcrumbComponent },
    methods: {
        closeSettingMenu: function (event) {
            return appService.closeSettingMenu(event);
        }
    }

}
</script>