Fix reactivity issue for genderIcon rendering

This commit is contained in:
Julie Lenaerts 2024-10-01 13:09:38 +02:00
parent 47d954fe9f
commit 5fce9ee9fb

View File

@ -37,8 +37,7 @@
</div>
<p v-if="options.addInfo === true" class="moreinfo">
<!-- <i :class="'fa fa-fw ' + getGenderIcon" :title="$t(getGender)"></i>-->
<gender-icon-render-box :gender="person.gender"></gender-icon-render-box>
<gender-icon-render-box v-if="person.gender" :gender="person.gender"></gender-icon-render-box>
<time v-if="person.birthdate && !person.deathdate" :datetime="person.birthdate" :title="birthdate">
{{ $t(getGenderTranslation) + ' ' + $d(birthdate, 'text') }}
</time>
@ -224,9 +223,9 @@ export default {
return false
}
},
getGenderIcon: function () {
/* getGenderIcon: function () {
return this.person.gender === 'woman' ? 'fa-venus' : this.person.gender === 'man' ? 'fa-mars' : this.person.gender === 'both' ? 'fa-neuter' : 'fa-genderless';
},
},*/
getGenderTranslation: function () {
return this.person.gender === 'woman' ? 'renderbox.birthday.woman' : 'renderbox.birthday.man';
},