menu_items: [
  {
    icon: "keyboard_arrow_up",
    "icon-alt": "keyboard_arrow_down",
    text: "Trainees",
    type: "link",
    model: false,
    children: [
      {
        icon: "contacts",
        text: "Application",
        type: "link",
        ref: "/trainee/application/"
      },
      {
        icon: "contacts",
        text: "Business Manager",
        type: "link",
        ref: "/trainee/businessManager/"
      },

<template v-slot:activator>
          <v-list-tile>
            <v-list-tile-content>
              <v-list-tile-title>{{ item.text }}</v-list-tile-title>
            </v-list-tile-content>
          </v-list-tile>
        </template>
        <v-list-tile
          v-for="(child, i) in item.children"
          :key="i"
          @click.stop="child.type === 'link' ? goPage(child.ref) : child.func.apply(this)"
        >
          <v-list-tile-action v-if="child.icon">
            <v-icon>{{ child.icon }}</v-icon>
          </v-list-tile-action>
          <v-list-tile-content>
            <v-list-tile-title>{{child.text }}</v-list-tile-title>
          </v-list-tile-content>
        </v-list-tile>
      </v-list-group>
      <v-list-tile v-else :key="item.text">
        <v-list-tile-action>
          <v-icon>{{ item.icon }}</v-icon>
        </v-list-tile-action>
        <v-list-tile-content>
          <v-list-tile-title>{{ item.text }}</v-list-tile-title>
        </v-list-tile-content>
      </v-list-tile>
    </template>