<template>
  <v-app>
    <TitleBar />
    <router-view />
    <v-footer app>
      <span class="px-4"
        >&copy; {{ new Date().getFullYear() }} Studentenclub Wu 5 e.v.</span
      >
      <CookieLaw>
        <template slot-scope="props">
          <v-label>Diese Webseite benutzt Cookies in der Art von Local Storage. Dabei werden Daten auf ihrem Local Storage
            gespeichert.
            Diese Daten werden benutzt, damit Sie sich Anmelden können und sich gegen die REST-API hinter dieser
            Webseite Authentifizieren können.
            Dabei werden ihr Nutzername, ein AccessToken und ihre Gruppen (welche ihre Rechte sind) gespeichert. Diese
            Daten sind Notwendig. Sollten Sie diese nicht Aktzeptieren, können Sie sich nicht Anmelden.</v-label>
          <v-row>
            <v-btn text color="primary" @click="props.accept">Akzeptieren</v-btn>
            <v-btn text color="alert" @click="props.close">Nicht Aktzeptieren</v-btn>
          </v-row>
        </template>
      </CookieLaw>
    </v-footer>
  </v-app>
</template>

<script>
import TitleBar from './components/TitleBar'
import CookieLaw from 'vue-cookie-law'
export default {
  name: 'App',
  components: { TitleBar, CookieLaw },
  data: () => ({
    //
  })
}
</script>
