94 lines
4.8 KiB
Vue
94 lines
4.8 KiB
Vue
|
<template>
|
||
|
<GalleryPage :galleries="galleries">
|
||
|
</GalleryPage>
|
||
|
</template>
|
||
|
|
||
|
<script>
|
||
|
import GalleryPage from '@/components/GalleryPage'
|
||
|
|
||
|
export default {
|
||
|
name: 'HomePage',
|
||
|
|
||
|
components: {
|
||
|
GalleryPage
|
||
|
},
|
||
|
|
||
|
data() {
|
||
|
return {
|
||
|
galleries: [
|
||
|
{ title: 'Gallery One',
|
||
|
featuredImage: 'https://via.placeholder.com/600x400',
|
||
|
images: [
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' }
|
||
|
]
|
||
|
},
|
||
|
{ title: 'Gallery Two',
|
||
|
featuredImage: 'https://via.placeholder.com/600x400',
|
||
|
images: [
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' }
|
||
|
]
|
||
|
},
|
||
|
{ title: 'Gallery Three',
|
||
|
featuredImage: 'https://via.placeholder.com/600x400',
|
||
|
images: [
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' }
|
||
|
]
|
||
|
},
|
||
|
{ title: 'Gallery Four',
|
||
|
featuredImage: 'https://via.placeholder.com/600x400',
|
||
|
images: [
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' }
|
||
|
]
|
||
|
},
|
||
|
{ title: 'Gallery Five',
|
||
|
featuredImage: 'https://via.placeholder.com/600x400',
|
||
|
images: [
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' }
|
||
|
]
|
||
|
},
|
||
|
{ title: 'Gallery Six',
|
||
|
featuredImage: 'https://via.placeholder.com/600x400',
|
||
|
images: [
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' }
|
||
|
]
|
||
|
},
|
||
|
{ title: 'Gallery Seven',
|
||
|
featuredImage: 'https://via.placeholder.com/600x400',
|
||
|
images: [
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
|
||
|
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' }
|
||
|
]
|
||
|
},
|
||
|
] // galleries end
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
</script>
|
||
|
|
||
|
<style scoped lang="scss">
|
||
|
</style>
|