Fix template limit slider (#239)

resources/js/components/pages/welcome/TemplatesSlider.vue

@@ -21,7 +21,7 @@
         class="w-full inline-flex flex-nowrap overflow-hidden [mask-image:_linear-gradient(to_right,transparent_0,_black_128px,_black_calc(100%-128px),transparent_100%)]"
     >
       <ul ref="templates-slider" class="flex justify-center md:justify-start animate-infinite-scroll">
-        <li v-for="(template, i) in templates" :key="template.id" class="mx-4 w-72 h-auto">
+        <li v-for="(template, i) in sliderTemplates" :key="template.id" class="mx-4 w-72 h-auto">
           <single-template :slug="template.slug" />
         </li>
       </ul>
@@ -42,7 +42,10 @@ export default {
   computed: {
     ...mapState({
       templates: state => state['open/templates'].content
-    })
+    }),
+    sliderTemplates () {
+      return this.templates.slice(0, 20)
+    }
   },
 
   watch: {
@@ -54,7 +57,7 @@ export default {
   },
 
   mounted() {
-    store.dispatch('open/templates/loadAll', {'limit':10})
+    store.dispatch('open/templates/loadAll', { limit: 20 })
   },
 
   methods: {