aboutsummaryrefslogtreecommitdiff
path: root/pages/blog/_blog.vue
blob: 4319252ff35f237f120bff36ff43844be61eafc9 (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><nuxt-link :to="'/blog'" class="text--white">Back to posts</nuxt-link></v-card-text>
            <v-divider/>
            <br/>
            <v-card-text class="text--white" v-html="$md.render(blogPost.body)" />
        </v-card>
    </v-container>
</template>

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

<style scoped>

</style>