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

<script>
    Vue.component('mediaitem-scroller-horizontal-sp', {
        template: '#mediaitem-scroller-horizontal-sp',
        props: ['items'],
        data: function () {
            return {
                app: this.$root,
            }
        },
        methods: {}
    });
</script>
