Profile Nav

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

      <div class="list-group list-group-flush listgroup__navigation">
          <a href="#carouselProfile" data-slide-to="1" class="list-group-item list-group-item-action" @click="$store.commit('view/setSelectedView','userpic')" :class="{'list-group-item-selected':($store.state.view.selectedView=='userpic')}"><i class="fas fa-portrait fa-fw"></i> Userpic</a>
          <a href="#carouselProfile" data-slide-to="1" class="list-group-item list-group-item-action" @click="$store.commit('view/setSelectedView','privacy')" :class="{'list-group-item-selected':($store.state.view.selectedView=='privacy')}"><i class="fas fa-user-lock fa-fw"></i> Zugriffseinstellungen</a>
          <a href="#carouselProfile" data-slide-to="1" class="list-group-item list-group-item-action" @click="$store.commit('view/setSelectedView','my_page')" :class="{'list-group-item-selected':($store.state.view.selectedView=='my_page')}"><i class="fas fa-address-card fa-fw"></i> Steckbrief</a>
      </div>

  </div>