blua.blue in nuxt (poc)

_post.vue

// this file is in pages/blog/
<template>
  <div>
    <div class="container" v-if="display==='overview'">
      <div v-for="post in result">
        <a :href="'/blog/'+post.slug">{{post.name}}</a>
      </div>
    </div>
    <div class="container" v-if="display==='post'">
      <h1 class="title">{{result.name}}</h1>
      <div class="content" v-for="content in result.content" v-html="content.content">
      </div>
    </div>
  </div>

</template>

<script>
    import axios from 'axios';
    let author = 'yourUserNameFromBluaBlue';
    let token = 'Your.JWT.tokenFromBlua.blue'

    let config = {
        baseURL: '{{base}}api.v1/',
        timeout: 8000,
        headers: {
            'X-Custom-Header': 'foobar',
            'Authorization': `Baerer ${token}`
        }
    };


    const api = axios.create(config);
    export default {
        asyncData({params}){
            // not specific?
            let display = typeof params.post !== 'undefined' ? 'post' : 'overview';
            let call = display === 'overview' ? `https://blua.blue/api.v1/articleList?author=${author}` : `https://blua.blue/api.v1/article?slug=${params.post}`;
            return api.get(call)
                .then((res) => {
                    return {
                        result: res.data,
                        display: display
                    }
                })
        }
    }
</script>