LinksMenuMobile.vue

<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 nuxt to="/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>Data Protection</v-subheader>
      <v-list-item nuxt to="/privacy_notice">
        <v-list-item-content>
          <v-list-item-title>Privacy Notice</v-list-item-title>
        </v-list-item-content>
      </v-list-item>
      <v-list-item nuxt to="/cookie_notice">
        <v-list-item-content>
          <v-list-item-title>Cookie Notice</v-list-item-title>
        </v-list-item-content>
      </v-list-item>
    </v-list>
  </v-menu>
</template>

<script>
export default {}
</script>

<style></style>