51 lines
853 B
Vue
51 lines
853 B
Vue
<template>
|
|
<Layout>
|
|
<h1 class="tag-title text-center space-bottom">Tag: {{ $page.tag.title }}</h1>
|
|
|
|
<div class="posts">
|
|
<PostCard v-for="edge in $page.tag.belongsTo.edges" :key="edge.node.id" :post="edge.node"/>
|
|
</div>
|
|
</Layout>
|
|
</template>
|
|
|
|
<page-query>
|
|
query Tag ($id: String!) {
|
|
tag (id: $id) {
|
|
title
|
|
belongsTo {
|
|
edges {
|
|
node {
|
|
...on Post {
|
|
title
|
|
path
|
|
date (format: "D. MMMM YYYY")
|
|
timeToRead
|
|
excerpt
|
|
content
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</page-query>
|
|
|
|
<script>
|
|
import Author from '~/components/Author.vue'
|
|
import PostCard from '~/components/PostCard.vue'
|
|
|
|
export default {
|
|
components: {
|
|
Author,
|
|
PostCard
|
|
},
|
|
metaInfo: {
|
|
title: 'Hello, world!'
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style lang="scss">
|
|
|
|
</style>
|
|
|