nuxt logo

ドキュメント翻訳

Nuxt Kit

@nuxt/kit はモジュール作成者向けの機能を提供します。

Nuxt Kit は、Nuxt HooksNuxt Interface とのやり取りや Nuxt Modules の開発を非常に簡単にするためのコンポーザブルなユーティリティを提供します。

こちらも参照 api > kit

使用方法

依存関係のインストール

package.jsondependencies セクションに追加することで、最新の Nuxt Kit をインストールできます。ただし、Nuxt によってすでにインストールされている場合でも、常に @nuxt/kit パッケージを明示的にインストールすることを検討してください。

@nuxt/kit@nuxt/schema は Nuxt の主要な依存関係です。別途インストールする場合は、@nuxt/kit@nuxt/schema のバージョンが nuxt のバージョン以上であることを確認して、予期しない動作を避けてください。

package.json
{
  "dependencies": {
    "@nuxt/kit": "npm:@nuxt/kit-nightly@latest"
  }
}

Kit ユーティリティのインポート

test.mjs
import { useNuxt } from '@nuxt/kit'
こちらも参照 api > kit

Nuxt Kit ユーティリティはモジュール専用であり、ランタイム(コンポーネント、Vue コンポーザブル、ページ、プラグイン、サーバールート)でインポートすることを意図していません。

Nuxt Kit は esm-only パッケージ であるため、require('@nuxt/kit') することは できません。代替策として、CommonJS コンテキストで動的インポートを使用してください。

test.cjs
// これは動作しません!
// const kit = require('@nuxt/kit')
async function main() {
  const kit = await import('@nuxt/kit')
}
main()