changes to mediaitem elements

src/renderer/views/components/mediaitem-scroller-horizontal-mvview.ejs

@@ -6,8 +6,8 @@
                    :badge="item.attributes"                     v-for="item in items"></mediaitem-mvview-sp>
             </template>
             <template v-else>
-                <mediaitem-mvview :item="item ? (item.attributes.kind ? item : ((item.relationships && item.relationships.contents ) ? item.relationships.contents.data[0] : item)) : []" :imagesize="imagesize"
-                v-for="item in items"></mediaitem-mvview>
+                <mediaitem-square :kind="kind" :item="item ? (item.attributes.kind ? item : ((item.relationships && item.relationships.contents ) ? item.relationships.contents.data[0] : item)) : []" :imagesize="imagesize"
+                v-for="item in items"></mediaitem-square>
             </template>                            
         </div>
     </template>
@@ -17,7 +17,25 @@
 <script>
     Vue.component('mediaitem-scroller-horizontal-mvview', {
         template: '#mediaitem-scroller-horizontal-mvview',
-        props: ['items',"imagesize","browsesp"],
+        props: {
+            items: {
+                type: Array,
+                required: true
+            },
+            imagesize: {
+                type: String,
+                required: true
+            },
+            browsesp: {
+                type: Boolean,
+                required: true
+            },
+            kind: {
+                type: String,
+                required: false,
+                default: ""
+            }
+        },
         methods: {}
     });
 </script>