58 lines
840 B
Vue
58 lines
840 B
Vue
<template>
|
|
<Layout :show-logo="false">
|
|
|
|
<!-- Author intro -->
|
|
<Author :site-title="$static.metaData.siteName" />
|
|
|
|
<!-- List posts -->
|
|
<div class="posts">
|
|
<PostCard v-for="edge in $page.posts.edges" :key="edge.node.id" :post="edge.node"/>
|
|
</div>
|
|
|
|
</Layout>
|
|
</template>
|
|
|
|
<static-query>
|
|
query {
|
|
metaData {
|
|
siteName
|
|
}
|
|
}
|
|
</static-query>
|
|
|
|
<page-query>
|
|
{
|
|
posts: allPost {
|
|
edges {
|
|
node {
|
|
id
|
|
title
|
|
path
|
|
date (format: "D. MMMM YYYY")
|
|
timeToRead
|
|
excerpt
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</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>
|
|
|