Account Nav

<div class="card ">
      <div class="card-body">
          <h5>Account</h5>
      </div>

      <div class="list-group list-group-flush listgroup__navigation">
          <a href="#carouselAccount" data-slide-to="1" class="list-group-item list-group-item-action" @click="$store.commit('view/setSelectedView','general')" :class="{'list-group-item-selected':($store.state.view.selectedView=='general')}"><i class="fas fa-users-cog fa-fw"></i> Allgemein</a>
          <a href="#carouselAccount" data-slide-to="1" class="list-group-item list-group-item-action" @click="$store.commit('view/setSelectedView','email')" :class="{'list-group-item-selected':($store.state.view.selectedView=='email')}"><i class="fas fa-envelope-open fa-fw"></i> E-Mail</a>
          <a href="#carouselAccount" data-slide-to="1" class="list-group-item list-group-item-action" @click="$store.commit('view/setSelectedView','password')" :class="{'list-group-item-selected':($store.state.view.selectedView=='password')}"><i class="fas fa-key fa-fw"></i> Passwort</a>
          <a href="#carouselAccount" data-slide-to="1" class="list-group-item list-group-item-action" @click="$store.commit('view/setSelectedView','delete_account')" :class="{'list-group-item-selected':($store.state.view.selectedView=='delete_account')}"><i class="fas fa-user-alt-slash fa-fw"></i> Account löschen</a>
      </div>

  </div>