Nuxt Kit

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

Nuxt Kit は、Nuxt HooksNuxt インターフェース、そしてNuxt モジュールの開発を非常に簡単にするための、コンポーザブルユーティリティを提供します。

すべての Nuxt Kit ユーティリティをご覧ください。

使用方法

依存関係のインストール

最新の Nuxt Kit は、`package.json` の `dependencies` セクションに追加することでインストールできます。ただし、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'
詳細は Docs > 4 X > API > Kit をご覧ください。
Nuxt Kit ユーティリティはモジュール専用であり、ランタイム (コンポーネント、Vue コンポーザブル、ページ、プラグイン、サーバー経路) でインポートすることを意図していません。

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

test.cjs
// This does NOT work!
// const kit = require('@nuxt/kit')
async function main () {
  const kit = await import('@nuxt/kit')
}
main()