Nuxt Kit
@nuxt/kit はモジュール作成者向けの機能を提供します。
Nuxt Kit は、Nuxt Hooks、Nuxt Interface とのやり取りや Nuxt Modules の開発を非常に簡単にするためのコンポーザブルなユーティリティを提供します。
こちらも参照 api > kit使用方法
依存関係のインストール
package.json
の dependencies
セクションに追加することで、最新の 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'
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()
※このページは Nuxt.js 公式ドキュメントの翻訳ページ(非公式)です。
公式ドキュメントの該当ページはこちら:
https://nuxt.com/docs/3.x/guide/going-further/kit