Nuxt Kit
@nuxt/kitは、モジュール作成者向けの機能を提供します。
Nuxt Kitは、Nuxt Hooks、Nuxtインターフェース、そしてNuxtモジュールの開発を非常に容易にする、コンポーザブルユーティリティを提供します。
使用方法
依存関係のインストール
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専用パッケージです。つまり、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()