@nuxt/contentの型補完が効かないとき #TypeScript

はじめに

@nuxt/contentを活用するとmarkdownで簡単にページが作れるようになります。
今回TypeScriptで書きましたが、下記のエラーで若干迷ったのでメモです。

Property '$content' does not exist on type 'Context'.

これは単純に型定義が足りていないことによる結果です。

Nuxt.jsのプラグインに対応する型定義を読み込むには、tsconfig.jsonのtypesに次のような感じで追記します。

tsconfig.json

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