Adding Categories

[yavisht]

Adding Categories

[yavisht]

Try doing something like this:

HTML

<posts v-if="posts">
  <post 
    v-for="post in posts"
    class="post"
    :id="'post' + post.id"
    :title="post.title.rendered"
    :permalink="post.link"
    :key="post.id"
    :categories="post.cats" >
    <!-- Add above for excerpt :excerpt="post.excerpt.rendered" -->
  </post>
</posts>

Vue.Component

Vue.component('post', {
    props: ['title', 'excerpt', 'permalink', 'categories'],
    template: `
    <li>
        <h3 v-html="title"></h3>
        <div v-if="excerpt" v-html="excerpt"></div>
        <div v-if="categories">
            <span 
                v-for="cat in categories" 
                :class="cat.slug" 
                v-html="cat.name" >
            </span>        
        </div>
        <a :href="permalink">Read More</a>
        <hr />
    </li>
    `
});