index.vue

<template>
  <v-container class="d-flex" fill-height>
    <v-row class="justify-center align-center">
      <h1 align="center" class="text-h4 center text-sm-h2 text-lg-h1">
        Spaß mit Wappen
      </h1>
    </v-row>
    <v-row>
      <v-spacer col="4"></v-spacer>
      <v-col col="4" class="d-flex flex-row justify-space-between">
        <nuxt-link to="/info">
          <v-btn color="primary" elevation="4" x-large dark> Start </v-btn>
        </nuxt-link>
        <nuxt-link to="/games">
          <v-btn color="primary" elevation="4" x-large dark> Spiele </v-btn>
        </nuxt-link>
      </v-col>
      <v-spacer col="4"></v-spacer>
    </v-row>
  </v-container>
</template>

<script>
export default {};
</script>