Add gallery to app

resources/js/app.js

@@ -51,8 +51,8 @@ Vue.use(CardPlugin);
 import { BButton } from 'bootstrap-vue'
 Vue.component('b-button', BButton);
 
-import VueGallerySlideshow from 'vue-gallery-slideshow';
-Vue.use(VueGallerySlideshow);
+import VuePictureSwipe from 'vue-picture-swipe';
+Vue.component('vue-picture-swipe', VuePictureSwipe);
 
 //(function () {
     var app = new Vue({
@@ -103,7 +103,6 @@ Vue.use(VueGallerySlideshow);
           }
         },
         series: { "temperature" : [], "humidity" : [], "pressure": [] },
-        //images: { "images-0": {'/upload/images/camera.jpg'}, "images-1": {}, "images-2": {} }
       },
       mounted: function () {
         console.log('MOUNTED');

resources/views/welcome.blade.php

@@ -186,6 +186,8 @@
                   <div v-if="host == 'strecha'">
                        <div class="h4 mt-3 bg-info">Aktuálny obrázok z kamery</div>
                         <img class="img-fluid" src="{{ url('upload/images/camera.jpg') }}" alt="" title="" />
+                        <div class="h4 mt-3 bg-info">Galeria za aktualny deň</div>
+                        <vue-picture-swipe :items="{{ json_encode($items) }}"></vue-picture-swipe>
                     </b-tabs>
                   </div>
                 </div>