<template>
<div class="container">
    <center>
        <v-img
            src="/icon.svg"
            width="10rem"
            height="10rem"
            :class="$vuetify.theme.dark ? '' : 'invert'"
        />
        <h1>{{ lang.welcome }}</h1>
        <p>{{ lang.tagline }}</p>
        <v-btn class="rounded-xl primary">{{ lang.next }} <v-icon style="margin-left: 0.5em;">mdi-arrow-right</v-icon></v-btn>
    </center>
</div>
</template>

<script>
export default {
    layout: "empty",

    data() {
        return {
            lang: {}
        }
    },
    mounted() {
        this.lang = this.$lang("events");
    }
}
</script>