<template>
  <v-menu offset-y rounded="0">
    <template #activator="{ on, attrs }">
      <v-btn color="white" depressed tile icon v-bind="attrs" v-on="on">
        <v-icon>mdi-menu</v-icon>
      </v-btn>
    </template>
    <v-list>
      <v-list-item nuxt to="/">
        <v-list-item-icon>
          <v-icon color="primary">mdi-home</v-icon>
        </v-list-item-icon>
        <v-list-item-content>
          <v-list-item-title>Home</v-list-item-title>
        </v-list-item-content>
      </v-list-item>
      <v-subheader>About</v-subheader>
      <v-list-item nuxt to="/acknowledgement">
        <v-list-item-content>
          <v-list-item-title>Acknowledgement</v-list-item-title>
        </v-list-item-content>
      </v-list-item>
      <v-list-item nuxt to="/disclaimer">
        <v-list-item-content>
          <v-list-item-title>Disclaimer</v-list-item-title>
        </v-list-item-content>
      </v-list-item>
      <v-list-item href="https://www.eubopen.org/accessibility">
        <v-list-item-content>
          <v-list-item-title>Accessibility</v-list-item-title>
        </v-list-item-content>
      </v-list-item>
      <v-divider />
      <v-subheader>Contact</v-subheader>
      <v-list-item nuxt to="/contact_us">
        <v-list-item-content>
          <v-list-item-title>Contact Us</v-list-item-title>
        </v-list-item-content>
      </v-list-item>
    </v-list>
  </v-menu>
</template>

<script>
export default {}
</script>

<style></style>