20 lines
749 B
Vue
20 lines
749 B
Vue
|
<template>
|
|||
|
|
<div>
|
|||
|
|
<Icon :v="source.icon()" v-if="source.icon()"/>
|
|||
|
|
<strong>{{source.author}} – <em><a v-if="source.link" :href="source.link" target="_blank" rel="noopener">{{source.title}}</a><span v-else>{{source.title}}</span></em></strong><template v-if="source.extra"> ({{source.extra}})</template>, {{source.year}}<template v-if="source.comment">; {{source.comment}}</template>
|
|||
|
|
<ul v-if="source.fragments.length">
|
|||
|
|
<li v-for="fragment in source.fragments">
|
|||
|
|
„<span v-html="fragment.replace(/\n/g, '<br/>')"></span>”
|
|||
|
|
</li>
|
|||
|
|
</ul>
|
|||
|
|
</div>
|
|||
|
|
</template>
|
|||
|
|
|
|||
|
|
<script>
|
|||
|
|
export default {
|
|||
|
|
props: {
|
|||
|
|
source: { required: true },
|
|||
|
|
},
|
|||
|
|
}
|
|||
|
|
</script>
|