This repository has been archived on 2024-07-22. You can view files and clone it, but cannot push or open issues or pull requests.
2020-09-28 09:29:13 -07:00
|
|
|
<template>
|
|
|
|
<li class="my-2">
|
|
|
|
<Icon :v="link.icon" :set="link.iconSet || 'l'"/>
|
2021-01-22 14:54:24 -08:00
|
|
|
<span v-for="lang in link.lang || []" class="badge bg-light text-dark border">{{lang}}</span>
|
2020-09-28 09:29:13 -07:00
|
|
|
<a :href="link.url" target="_blank" rel="noopener">
|
|
|
|
<LinkedText :text="link.headline"/>
|
|
|
|
</a>
|
|
|
|
<LinkedText :text="link.extra || ''"/>
|
2020-12-30 06:33:26 -08:00
|
|
|
<p v-if="link.quote" class="small pl-4">
|
|
|
|
<T>quotation.start</T><LinkedText :text="link.quote"/><T>quotation.end</T>
|
|
|
|
</p>
|
2021-07-17 03:35:35 -07:00
|
|
|
<blockquote v-if="link.response">
|
|
|
|
<Icon v="comment-dots"/>
|
|
|
|
<LinkedText :text="link.response"/>
|
|
|
|
</blockquote>
|
2020-09-28 09:29:13 -07:00
|
|
|
</li>
|
|
|
|
</template>
|
|
|
|
|
|
|
|
<script>
|
|
|
|
export default {
|
|
|
|
props: {
|
|
|
|
link: { required: true },
|
|
|
|
}
|
|
|
|
};
|
|
|
|
</script>
|