PostComponent.vue

<template>
  <div>
    <div class="card" style="width: 18rem;">
        <div class="card-body">
          <h5 class="card-title">{{ post.title }} - {{ $parent.category }}</h5>
          <p class="card-text">{{ post.body }}</p>
          <a href="/posts" class="btn btn-primary">Go back</a>
        </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'post-component',
  props: {
    post: {
      type: Object
    }
  }
}
</script>