<template>
	<div class="no-auth-wrapper">
		<div class="noauth-container">
			<img alt="Vikunja" :src="logoUrl" width="400" height="117" />
			<div class="message is-info" v-if="motd !== ''">
				<div class="message-header">
					<p>{{ $t('misc.info') }}</p>
				</div>
				<div class="message-body">
					{{ motd }}
				</div>
			</div>
			<router-view/>
		</div>
	</div>
</template>

<script>
import {mapState} from 'vuex'

import logoUrl from '@/assets/logo-full.svg'

export default {
	name: 'contentNoAuth',
	data() {
		return {
			logoUrl,	
		}
	},
	computed: {
		...mapState('config', ['motd']),
	},
}
</script>
