<template>
    <div>
        <paper-navigation>
        </paper-navigation>
        <div class="row">
            <div class="col-md-9 col-sm-12">
                <paper-item v-for="paper in papers"
                            :key="paper.id"
                            :paper="paper">
                </paper-item>
            </div>
        </div>
    </div>
</template>

<script>
    module.exports = {
        components: {
            "paper-item": httpVueLoaderEx("/papers/paper-item.vue"),
            "paper-navigation": httpVueLoaderEx("/papers/paper-navigation.vue"),
        },
        data: function () {
            return {
                papers: []
            };
        },
        mounted: function () {
            var self = this;
            axiosEx.get(
                appConfig.paperList,
                function (data) {
                    self.papers = data;
                });
        }
    }
</script>