flaschengeist-frontend/src/components/finanzer/FinanzerNavigation.vue

<template>
  <div>
    <v-list>
      <v-list-item
        class="title"
        link
        to="/main/finanzer/overview"
      >
        <v-list-item-icon>
          <v-icon>home</v-icon>
        </v-list-item-icon>
        <v-list-item-title>Gesamtübersicht</v-list-item-title>
      </v-list-item>
      <v-list-item link to="/main/finanzer/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>
    <v-divider />
    <v-list>
      <div v-for="user in users" v-bind:key="users.indexOf(user)">
        <v-list-item
          :to="{ name: 'activeUser', params: { id: user.username } }"
          link
        >
          <v-list-item-title
            >{{ user.lastname }}, {{ user.firstname }}
          </v-list-item-title>
        </v-list-item>
      </div>
    </v-list>
  </div>
</template>

<script>
import { mapGetters, mapActions } from 'vuex'
export default {
  name: 'FinanzerNavigation',
  methods: {
    ...mapActions({
      addUser: 'finanzerUsers/addUser',
    })
  },
  computed: {
    ...mapGetters({
      users: 'finanzerUsers/users',
      allUsers: 'finanzerUsers/allUsers'
    })
  }
}
</script>

<style scoped></style>