added vue-horizontal

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

@@ -1,10 +1,8 @@
 <script type="text/x-template" id="mediaitem-scroller-horizontal-large">
-    <div class="cd-hmedia-scroller">
-        <template >
-            <mediaitem-square :item="item" 
-                            v-for="item in items"></mediaitem-square>
-        </template>                  
-    </div>
+    <vue-horizontal>
+        <mediaitem-square :item="item" 
+                            v-for="item in items"></mediaitem-square>                 
+    </vue-horizontal>
 </script>
 
 

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

@@ -1,5 +1,5 @@
 <script type="text/x-template" id="mediaitem-scroller-horizontal-mvview">
-    <div class="cd-hmedia-scroller">
+    <vue-horizontal>
         <template v-if="browsesp">
             <mediaitem-mvview-sp
                     :item="item ? (item.attributes.kind ? item : ((item.relationships && item.relationships.contents ) ? item.relationships.contents.data[0] : item)) : []"
@@ -12,7 +12,7 @@
                               :imagesize="imagesize"
                               v-for="item in items"></mediaitem-square>
         </template>
-    </div>
+    </vue-horizontal>
 </script>
 
 

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

@@ -1,9 +1,11 @@
 <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>
+            <vue-horizontal>
+                <template>
+                    <mediaitem-square kind="card" :item="item" size="300"
+                    v-for="item in items"></mediaitem-square>
+                </template>
+            </vue-horizontal>
         </div>
 </script>
 

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

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