|
@@ -294,6 +294,7 @@
|
|
|
v-bind:key="post.id"
|
|
v-bind:key="post.id"
|
|
|
v-bind:title="post.title"
|
|
v-bind:title="post.title"
|
|
|
v-bind:link="post.link"
|
|
v-bind:link="post.link"
|
|
|
|
|
+ v-bind:excerpt="post.excerpt"
|
|
|
></blog-post>
|
|
></blog-post>
|
|
|
</ul>
|
|
</ul>
|
|
|
|
|
|
|
@@ -442,14 +443,15 @@
|
|
|
|
|
|
|
|
}
|
|
}
|
|
|
|
|
|
|
|
- function generateLinks(resp) {
|
|
|
|
|
|
|
+ function generateLinks(data) {
|
|
|
|
|
|
|
|
Vue.component('blog-post', {
|
|
Vue.component('blog-post', {
|
|
|
- props: ['title', 'link'],
|
|
|
|
|
|
|
+ props: ['title', 'link', 'excerpt'],
|
|
|
delimiters: ['<%', '%>'],
|
|
delimiters: ['<%', '%>'],
|
|
|
template: `
|
|
template: `
|
|
|
<li>
|
|
<li>
|
|
|
<a title="link-title" :href="link" target="_blank" v-html="title.rendered"></a>
|
|
<a title="link-title" :href="link" target="_blank" v-html="title.rendered"></a>
|
|
|
|
|
+ <p v-html="excerpt.rendered"></p>
|
|
|
</li>`
|
|
</li>`
|
|
|
})
|
|
})
|
|
|
|
|
|
|
@@ -458,7 +460,7 @@
|
|
|
el: '#blog-posts-container',
|
|
el: '#blog-posts-container',
|
|
|
delimiters: ['<%', '%>'],
|
|
delimiters: ['<%', '%>'],
|
|
|
data: {
|
|
data: {
|
|
|
- posts: resp
|
|
|
|
|
|
|
+ posts: data
|
|
|
}
|
|
}
|
|
|
})
|
|
})
|
|
|
|
|
|