<template>
    <page-header></page-header>

    <container>
        <split-content>
            <template v-slot:main>
                <blog-recent></blog-recent>
            </template>

            <template v-slot:aside>
                <blog-popular></blog-popular>
            </template>
        </split-content>

        <page-footer></page-footer>
    </container>
</template>

<script>
import PageHeader from '../components/PageHeader.vue';
import Container from '../components/Container.vue';
import SplitContent from '../components/SplitContent.vue';
import BlogRecent from '../components/BlogRecent.vue';
import BlogPopular from '../components/BlogPopular.vue';
import PageFooter from '../components/PageFooter.vue';

export default {
    components: {
        PageHeader,
        Container,
        SplitContent,
        BlogRecent,
        BlogPopular,
        PageFooter,
    }
}
</script>
