You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
37 lines
760 B
37 lines
760 B
<template>
|
|
<div class="article-preview">
|
|
<RwvArticleMeta isPreview :article="article" />
|
|
<router-link :to="articleLink" class="preview-link">
|
|
<h1 v-text="article.title" />
|
|
<p v-text="article.description" />
|
|
<span>Read more...</span>
|
|
<TagList :tags="article.tagList" />
|
|
</router-link>
|
|
</div>
|
|
</template>
|
|
|
|
<script>
|
|
import RwvArticleMeta from "./ArticleMeta";
|
|
import TagList from "./TagList";
|
|
|
|
export default {
|
|
name: "RwvArticlePreview",
|
|
components: {
|
|
RwvArticleMeta,
|
|
TagList
|
|
},
|
|
props: {
|
|
article: { type: Object, required: true }
|
|
},
|
|
computed: {
|
|
articleLink() {
|
|
return {
|
|
name: "article",
|
|
params: {
|
|
slug: this.article.slug
|
|
}
|
|
};
|
|
}
|
|
}
|
|
};
|
|
</script>
|