32 lines
740 B
Text
32 lines
740 B
Text
<script type="text/x-template" id="mediaitem-scroller-horizontal">
|
|
<vue-horizontal ref="horizontal">
|
|
<slot></slot>
|
|
<mediaitem-square :key="item?.id ?? ''" :kind="kind" :item="item" v-for="item in items"></mediaitem-square>
|
|
</vue-horizontal>
|
|
</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,
|
|
}
|
|
},
|
|
mounted() {
|
|
// this.$refs.horizontal.refresh()
|
|
},
|
|
methods: {}
|
|
});
|
|
</script>
|