Learn Nuxt with a Collection of 100+ Tips!

Nuxt Kit

@nuxt/kit предоставляет возможности для авторов модулей.

Nuxt Kit предоставляет композаблы для упрощения взаимодействия с Nuxt-хуками, Nuxt-интерфейсами и с разработкой Nuxt-модулей.

Откройте для себя все утилиты Nuxt Kit.

Использование

Установка зависимости

Вы можете установить последнюю версию Nuxt Kit, добавив ее в раздел dependencies вашего package.json. Однако, пожалуйста, всегда обращайте внимание на явную установку пакета @nuxt/kit, даже если он уже установлен Nuxt.

@nuxt/kit и @nuxt/schema являются ключевыми зависимостями для Nuxt. Если вы устанавливаете его отдельно, убедитесь, что версии @nuxt/kit и @nuxt/schema равны или больше вашей версии nuxt, чтобы избежать неожиданного поведения.
package.json
{
  "dependencies": {
    "@nuxt/kit": "npm:@nuxt/kit-nightly@latest"
  }
}

Импорт утилит

test.mjs
import { useNuxt } from '@nuxt/kit'
Узнать больше Docs > 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()