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

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

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

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