<script type="text/x-template" id="mediaitem-scroller-horizontal">
    <template>
        <div class="cd-hmedia-scroller" :class="kind">
            <slot></slot>
            <mediaitem-square :kind="kind" :item="item"
                              v-for="item in items"></mediaitem-square>
        </div>
    </template>
</script>

<script>
    Vue.component('mediaitem-scroller-horizontal', {
        template: '#mediaitem-scroller-horizontal',
        props: {
            'items': {
                type: Array,
                required: false
            },
            'kind': {
                type: String,
                required: false,
                defualt: ""
            }
        },
        data: function () {
            return {
                app: this.$root,
            }
        },
        methods: {}
    });
</script>