contentfulで複数の投稿を取得したい

Question

現在contentfulとnuxt.jsを使用した、簡易CMSサイトを作成中なのですが、複数の投稿(content_type)を別々で取得するやり方で詰まってしまっています。変数に入れて取得するやり方も試してみましたが、うまくいかず、、どのように取得すればいいでしょうか?

単品の投稿は下記の記述で取得できています。
今はworksしか取得できていないので、skillsも取得できるようにしたいです。

.env

CTF_SPACE_ID=XXXXXX
CTF_CDA_ACCESS_TOKEN=XXXXXXX

plugin
∟contentful.js

const contentful = require('contentful')

const config = {
  space: process.env.CTF_SPACE_ID,
  accessToken: process.env.CTF_CDA_ACCESS_TOKEN
}

export default contentful.createClient(config)

<template>
  <div>
    {{works}}
  </div>
</template>


<script>
import contentfulClient from '@/plugins/contentful'
export default {
  asyncData({ env }) {
    return contentfulClient
    .getEntries({
      content_type: "works",
    })
    .then((entries) => {
      return {
        works: entries.items
      }
    })
    .catch(console.error)
  }
}

</script>

補足

ちなみにmicrocmsでは下記のような記述で複数取得ができたので、このような形で取得できたらと考えています。

async asyncData () {
        const worksdata = await axios.get(’XXXXXX',{headers: {'X-API-kEY':’XXXXXX'}})
        const skillsdata = await axios.get(’XXXXXX',{headers: {'X-API-kEY’:’XXXXXX’}})
        return {
        works: worksdata.data.contents,
        skills: skillsdata.data.contents,
        }
    }

Answer 1

下記で一応解決することができました。
ただもっといい記述方法などがあれば回答いただきたいです。

<template>
  <div>
    {{works}}
    {{skills}}
  </div>
</template>


<script>
import contentfulClient from '@/plugins/contentful'
export default {
  data(){
    return{
      works: '',
      skills:''
    }
  },
  async asyncData({ env }) {
    const works = await contentfulClient
    .getEntries({
      content_type: "works",
    })
    const skills = await contentfulClient
    .getEntries({
      content_type: "skills",
    })
    return{
      works:works.items,
      skills:skills.items
    }
  }
}

</script>