<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
    @import "layout.scss";
</style>

<!-- Template -->
<template>
    <div class="layout-container layout-guide">
        <div class="layout-body body-container">
            <el-container>
                <el-header>
                    <guide-header></guide-header>
                </el-header>
                <el-container>
                    <el-aside>
                        <guide-sidebar></guide-sidebar>
                    </el-aside>
                    <el-main>
                        <router-view/>
                    </el-main>
                </el-container>
            </el-container>
        </div>
    </div>
</template>

<!-- Script -->
<script>
    import {mapGetters} from 'vuex';

    const _GuideLayout = {
        name: 'GuideLayout',
        created: function () {
        },
        updated: function () {
        },
        mounted: function () {
        },
        activated: function () {
        },
        destroyed: function () {
        },
        data: function () {
            return {};
        },
        methods: {},
        components: {},
        computed: {
            ...mapGetters([])
        }
    };
    export default _GuideLayout;
</script>
