安装

将 @nuxt/content 依赖项添加到您的项目中

npx nuxi@latest module add content

然后，将 @nuxt/content 添加到 nuxt.config.js 的 modules 部分

{
  modules: [
    '@nuxt/content'
  ],
  content: {
    // Options
  }
}

TypeScript

在 @nuxt/types（Nuxt 2.9.0+）或 @nuxt/vue-app 条目之后，将类型添加到 tsconfig.json 中的 "types" 数组中。

tsconfig.json

{
  "compilerOptions": {
    "types": [
      "@nuxt/types",
      "@nuxt/content"
    ]
  }
}

为什么？

由于 Nuxt 的工作方式，上下文上的 $content 属性必须通过 声明合并 合并到 Nuxt Context 接口中。将 @nuxt/content 添加到您的类型将从包中导入类型，并使 TypeScript 了解对 Context 接口的添加。