Vue.component('ProfilCard', {
    template: `<div>
                <img class="profil-img rounded-circle" src="img/profil_icon.png" width=120px height=120px>
                <div class="profil-card card">
                    <div class="edit-item"><i class="material-icons">edit</i></div>
                    <div class="profil-text">
                        <h5><b>{{ profil.user }}</b></h5><br>
                        <h6>{{ profil.major }}<br><br>
                        {{ profil.semester }}</h6>
                    </div>
                    <hr>
                    <div class="om-tab">
                        <button class="tablinks om-tablinks"><b>Abonniert<br>{{ profil.abos }}</b></button>
                        <button class="tablinks om-tablinks"><b>Gespeichert<br>{{ profil.saved }}</b></button>
                    </div>
                </div>
                </div>`,
    props: ['profil']
});