flaschengeist-frontend/src/components/vorstand/ManagementNavigation.vue

<template>
  <v-list>
    <v-list-item link to="/main/management/servicemanagement">
      <v-list-item-icon>
        <v-icon>{{ work }}</v-icon>
      </v-list-item-icon>
      <v-list-item-title>
        Dienstverwaltung
      </v-list-item-title>
    </v-list-item>
    <v-list-item link to="/main/management/usermanager">
      <v-list-item-icon>
        <v-icon>{{list}}</v-icon>
      </v-list-item-icon>
      <v-list-item-title>
        Benutzerliste
      </v-list-item-title>
    </v-list-item>
  </v-list>
</template>

<script>
import { mdiBriefcase, mdiAccountMultiple } from '@mdi/js'
export default {
  name: 'ManagementNavigation',
  data() {
    return {
      work: mdiBriefcase,
      list: mdiAccountMultiple
    }
  }
}
</script>

<style scoped></style>