<script setup lang="ts"></script>

<template>
  <v-app>
    <v-app-bar :elevation="6" image="./background.png">
      <template v-slot:image>
        <v-img gradient="to top right, rgba(5, 5, 5, 0.6), rgba(50, 50, 60, 0.6)"></v-img>
      </template>
      <v-app-bar-title 
        class="font-weight-semibold text-white" 
        @click="$router.push('/')"
        style="cursor: pointer;"
      >
        4-Gewinnt
      </v-app-bar-title>
    </v-app-bar>

    <v-main>
      <router-view></router-view>
    </v-main>
  </v-app>
</template>

<style scoped></style>