aboutsummaryrefslogtreecommitdiff
path: root/pages/blog/_blog.vue
blob: 3f328ebb15f9b538f3b663b034f20b7eb3fea152 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<template>
    <v-container>
        <v-card>
            <v-card-title>{{blogPost.title}}</v-card-title>
            <v-card-subtitle>{{blogPost.description}}</v-card-subtitle>
            <v-card-text :to="'/blog'">Back to posts</v-card-text>
            <v-divider/>
            <br/>
            <v-card-text v-html="$md.render(blogPost.body)" />
        </v-card>
    </v-container>
</template>

<script>
export default {
  name: '_blog',
  head: {
    title: '{{blogpost.title}}'
  },
  async asyncData ({ params, payload }) {
    if (payload) return { blogPost: payload }
    else {
      return {
        blogPost: await require(`~/assets/content/blog/${params.blog}.json`)
      }
    }
  }
}
</script>

<style scoped>

</style>