diff options
Diffstat (limited to 'pages/blog/index.vue')
| -rw-r--r-- | pages/blog/index.vue | 17 |
1 files changed, 11 insertions, 6 deletions
diff --git a/pages/blog/index.vue b/pages/blog/index.vue index 2e10eba..5619e6b 100644 --- a/pages/blog/index.vue +++ b/pages/blog/index.vue @@ -7,13 +7,13 @@ </header> </v-card> <v-container> - <v-col cols="6"> - <v-card to="/"> - <v-card-title>Blog Post Title</v-card-title> - <v-card-text>Content</v-card-text> + <div v-for="post in blogPosts" :key="post.title"> + <v-card :to="'/blog/' + post.slug"> + <v-card-title>{{ post.title }}</v-card-title> + <v-card-subtitle>Created on {{post.date}}</v-card-subtitle> + <v-card-text>{{ post.description }}</v-card-text> </v-card> - <br> - </v-col> + </div> </v-container> </div> </template> @@ -23,6 +23,11 @@ export default { name: 'blog', head: { title: 'Blog' + }, + computed: { + blogPosts () { + return this.$store.state.blogPosts + } } } |