<div v-if="posts.length">
  <h1 class="mb-4"><i class="fa fa-file-text-o"></i> Posts</h1>

  <div class="list-group">
    <router-link class="list-group-item"
                 v-for="(post, index) in posts"
                 :to="{ name: 'post', params: { id: post.id }}">#{{ index+1 }} {{ post.title }}
    </router-link>
  </div>
</div>

<div v-if="posts.length">
<div v-show="posts.length" class="mb-4">
  <h1 class="mb-4"><i class="fa fa-file-text-o"></i> Posts</h1>

  <div class="list-group">
    <router-link class="list-group-item"
                 v-for="(post, index) in posts"
                 :to="{ name: 'post', params: { id: post.id }}">#{{ index+1 }} {{ post.title }}
    </router-link>
  </div>
</div>

Add a bit spacing below heading
Add a bit spacing below heading
