work on design: items, components

2023-10-24 18:29:34 +02:00
parent 5ea092dba6
commit 1661601caf
50 changed files with 1934 additions and 669 deletions
--- a/assets/src/app.js
+++ b/assets/src/app.js
@ -1,13 +1,47 @@
+import 'vue3-carousel/dist/carousel.css'
 import components from './components'

+import { Carousel, Pagination, Navigation, Slide } from 'vue3-carousel'
+
 const App = {
    el: '#app',
    delimiters: ['[[', ']]'],
-    components: {...components},
+    components: {
+        ...components,
+        Slide,
+        Carousel,
+        Pagination,
+        Navigation,
+    },

    computed: {
        player() { return window.aircox.player; },
    },
+
+    data() {
+        return {
+            carouselBreakpoints: {
+                400: {
+                    itemsToShow: 1
+                },
+                600: {
+                    itemsToShow: 1.75
+                },
+                800: {
+                    itemsToShow: 3
+                },
+                1024: {
+                    itemsToShow: 4
+                },
+                1280: {
+                    itemsToShow: 4
+                },
+                1380: {
+                    itemsToShow: 5
+                },
+            }
+        }
+    }
 }

 export const PlayerApp = {