how to use nuxt content v2 with remote source

Nuxt Content 是一个基于 Vue.js 的静态内容管理系统，它可以帮助你快速地创建静态网站或者博客。V2 版本支持使用远程数据源，下面是使用步骤：

1. 安装 Nuxt Content：在你的 Nuxt 项目中执行 `npm install @nuxt/content` 安装 Nuxt Content。

2. 创建远程数据源：创建一个远程数据源，例如一个 JSON API，并记录下 URL。

3. 配置 Nuxt Content：在 Nuxt 配置文件（`nuxt.config.js`）中添加以下代码，将远程数据源的 URL 作为参数传入：

module.exports = {
  modules: [
    '@nuxt/content',
  ],
  content: {
    api: {
      baseURL: '远程数据源的 URL',
    },
    markdown: {
      prism: {
        theme: 'prism-themes/themes/prism-twilight.css'
      }
    }
  }
}

4. 获取内容：在你的 Vue 组件中使用 `$content` 对象来获取远程内容，例如：

<template>
  <div>
    <h1 v-for="post in posts" :key="post._id">{{ post.title }}</h1>
  </div>
</template>

<script>
export default {
  async asyncData({ $content }) {
    const posts = await $content('posts').get()
    return { posts }
  }
}
</script>

这样，你就可以使用 Nuxt Content V2 与远程数据源了。