<i18n>
{
  "en": {
  },
  "de": {
  }
}
</i18n>

<template>
  <v-app dark class="grey darken-4 non-selectable">
    <div class="start-page">
      <img class="logo non-draggable" src="@/assets/logo.svg" />
      <router-view></router-view>
    </div>
    <notifications-snackbars></notifications-snackbars>
  </v-app>
</template>

<script>
import NotificationsSnackbars from '@/components/NotificationsSnackbars'
import StartPageLogin from '@/components/StartPageLogin'
import StartPageSetup from '@/components/StartPageSetup'
export default {
  name: 'StartPage',
  routes () {
    return [
      { name: 'login', path: 'login', component: StartPageLogin },
      { name: 'setup', path: 'setup', component: StartPageSetup }
    ]
  },
  components: {
    NotificationsSnackbars
  }
}
</script>

<style scoped>
.start-page {
  height: 100%;
  width: 100%;
  min-height: 500px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.logo {
  height: 180px;
  margin-bottom: 60px;
}
</style>
