<template>
	<div>
		<PreLoader />
		<SiteHeader />
		<div class="page-wrapper">
			<Nuxt />
		</div>
		<SiteFooter />
		<PageLoad />
	</div>
</template>

<script>
	export default {
		head() {
			return {
				htmlAttrs: {
					lang: this.$route.params.lang
				}
			}
		},
		async mounted() {
			try {
				const cover = await this.$axios.get('/api/public/cover')
				this.$store.commit('global/setCover', cover.data)
			} catch (err) {
				console.log('Couldnt fetch cover photos ---- ', err)
			}
		}
	}
</script>
