Vuetify Menu with List

menu.js

<v-menu v-if="isAuthenticated" class="d-block" bottom offset-y nudge-right="10">
  <template v-slot:activator="{ on }">
    <v-list class="pa-0">
      <v-list-item  @click.stop="on">
        <v-list-item-avatar>
          <img :src="jwtPicture" :title="jwtName">
        </v-list-item-avatar>
        <v-list-item-content>
          <v-list-item-title>{{ jwtName }}</v-list-item-title>
        </v-list-item-content>

        <v-icon>{{"arrow_drop_down"}}</v-icon>
      </v-list-item>
    </v-list>
  </template>

  <v-list>
      <v-list-item v-if="hasTermsOfService" @click="openTermsOfService()">
        <v-list-item-title>Terms of Services</v-list-item-title>
      </v-list-item> 
      <v-list-item @click="logout()">
        <v-list-item-title>Logout</v-list-item-title>
      </v-list-item>
  </v-list>
</v-menu>