Vue.component('bio-data', {
  mixins:[mainMixin],
  props: ['bio_data','edit'],
  template: `
    <div>
      <a v-if="edit" href="javascript:void(0)" @click="getUserBioData(true)"><i class='bi bi-pen'><i></a>🎂 {{bio_data.age}} | 🗣️ {{bio_data.first_language}} | 🌍 {{bio_data.nationality}} | 📍 {{bio_data.location}} | 🚻 {{bio_data.gender}} | 📚 {{bio_data.role}}
    </div>
  `
})