<template>
    <tab v-bind:page="page"></tab>
    <resources v-bind:content-code="contentCode"></resources>
</template>

<script>
    const qs = require('yoho-qs');
    const contentCode = require('content-code');
    const bus = require('common/vue-bus');

    const tab = require('channel/tab.vue');
    const resources = require('component/resources/index.vue');

    module.exports = {
        data() {
            return {
                page: 'channel',
                contentCode: contentCode.channel[qs.channel || 'men']
            };
        },
        components: {
            tab,
            resources
        },
        created() {
            bus.$on('contentCode.change', (code) => {
                this.contentCode = code;
            });
        }
    };
</script>

<style>

</style>