<!--
    Describe this component...
-->
<template>
    <div>
        <px-swiper :loop="true">
            <px-swiper-slide>
                <div class="swiper-max-width">
                    <img class="swiper-img" src="https://picsum.photos/1600/900?grayscale" />
                </div>
            </px-swiper-slide>
            <px-swiper-slide>
                <img class="swiper-img" src="https://picsum.photos/1601/900?grayscale" />
            </px-swiper-slide>
            <px-swiper-slide>
                <img class="swiper-img" src="https://picsum.photos/1602/900?grayscale" />
            </px-swiper-slide>
        </px-swiper>
    </div>
</template>

<script>
import PxSwiper from '../../components/PxSwiper.vue';
import PxSwiperSlide from '../../components/PxSwiperSlide.vue';
export default {
    name: 'demo-px-swiper',
    components: { PxSwiper, PxSwiperSlide },
    // mixins: [ Mixin ],
    // props: { a: { type: Boolean, default: false } },
    // data() { return { b: 0 }; },
    // computed: {},
    // watch: {},
    // mounted() {},
    // methods: {},
};
</script>
