Ajoutez @nuxt/content
en tant que dépendence à votre projet:
Yarn
yarn add @nuxt/content
Ensuite, ajoutez @nuxt/content
au sein de la section modules
de votre fichier nuxt.config.js
:
nuxt.config.js
{ modules: [ '@nuxt/content' ], content: { // Options }}
TypeScript
Dans le fichier tsconfig.json
, ajoutez les types à votre tableau de "types" après les entrées @nuxt/types
(Nuxt 2.9.0+) ou @nuxt/vue-app
.
tsconfig.json
{ "compilerOptions": { "types": [ "@nuxt/types", "@nuxt/content" ] }}
Pourquoi?
En raison de la manière dont nuxt fonctionne, la propriété
$content
doit être fusionnée dans l'interfaceContext
de nuxt via declaration merging. Ajouter@nuxt/content
à vos types permettra d'importer ces types depuis le package et informera typescript des ajouts apportés à l'interfaceContext
.