diff --git a/src/components/Preview.vue b/src/components/Preview.vue index 6fea72df19b0bcede56b876dd3b13b6b54edf014..415fd5a24ce8b879488bd2e6f3056ef45251c756 100644 --- a/src/components/Preview.vue +++ b/src/components/Preview.vue @@ -1,9 +1,7 @@ <template> <li> <div class="preview"> - <h4>{{searchHit.text || - (searchHit._source && searchHit._source.lemmas.map(l => l.lemma) || []).join(',') || - "Alle søkeresultater..."}}</h4> + <h4 v-html="previewHeader"></h4> <h5 v-if="searchHit._source">{{group_list}}</h5> {{previewText.substring(0, 40) + (previewText ? '...' : '')}} </div> @@ -21,6 +19,11 @@ export default { searchHit: Object }, computed: { + previewHeader: function(){ + return this.searchHit.text || + (this.searchHit._source && this.searchHit._source.lemmas.map(l => `<span class="homograph">${l.hgno ? String.fromCharCode(0x215f + l.hgno) + ' ' : ''}</span>${l.lemma}`) || []).join(',') || + "Alle søkeresultater..." + }, previewText: function(){ if (! this.searchHit._source) return '' let element = this.searchHit._source.body.definitions[0] || ''