var app = Vue.createApp({
    el: '#app',
    data() {
        return {
            visible: false,
            index: 0,
            items: [],
          
        }

    },
    async created() {

    },
    mounted() {
        fetch('http://localhost/ostal/wp-json/wp/v2/realizacje')
        fetch()
        .then(res  => res.json())
        .then(data => this.items = data)

        // this.createImageArr();
    },
    methods: {
        showImg(index) {
            this.index = index
            this.visible = true
        },
        handleHide() {
            this.visible = false
        },
       
    },
    computed: {
        images() {
            return this.items.map(item => item.acf.zdjecia.map(photo => photo.sizes.large))
        }
    }
    
    
})


app.use(VueEasyLightbox)
app.mount('#app')