Blog.vue (template)

// src/pages/Blog.vue

<template>
  <Layout>
    <section>
      <article v-for="(post, index) in $static.posts.edges" :key="index">
        <h1>{{ post.node.title }}</h1>
        <p>
          By <span>{{ post.node.author.node.name }}</span> on
          {{ getDate(post.node.date) }}
        </p>
        <div
          v-html="
            post.node.content.length > 100
              ? post.node.content.substring(0, 100) + '[...]'
              : post.node.content
          "
        ></div>
        <g-link :to="`${post.node.uri}`">Read more</g-link>
      </article>
    </section>
  </Layout>
</template>