16bcaaf54b
Images can now go directly to media.snipettemag.com instead of being routed through the private Ghost instance. (Reduces traffic on that node).
45 lines
1.2 KiB
Vue
45 lines
1.2 KiB
Vue
<template>
|
|
<footer class="post-full-footer">
|
|
<section class="author-card">
|
|
<g-image v-if="authorData.image" class="author-profile-image" :src="authorData.image|changeUrls" :alt="authorData.name" />
|
|
<span v-else class="avatar-wrapper">
|
|
<Avatar />
|
|
</span>
|
|
|
|
<section class="author-card-content">
|
|
<h4 class="author-card-name">
|
|
<a :href="'/author/' + authorData.slug">
|
|
{{ authorData.name }}
|
|
</a>
|
|
</h4>
|
|
<p v-if="authorData.tagline">{{ authorData.tagline }}</p>
|
|
<p v-else>Read <a :href="'/author/' + authorData.slug">more posts</a> by this author.</p>
|
|
</section>
|
|
</section>
|
|
<div class="post-full-footer-right">
|
|
<a class="author-card-button" :href="'/author/' + authorData.slug">Read More</a>
|
|
</div>
|
|
</footer>
|
|
</template>
|
|
|
|
<script>
|
|
import Avatar from './icons/Avatar';
|
|
import changeUrls from '../filters/changeUrls';
|
|
|
|
export default {
|
|
props: {
|
|
author: Array
|
|
},
|
|
components: {
|
|
Avatar
|
|
},
|
|
filters: {
|
|
changeUrls: changeUrls
|
|
},
|
|
computed: {
|
|
authorData() {
|
|
return this.author[0]
|
|
}
|
|
}
|
|
}
|
|
</script>
|