nuxt logo

Traducción de Documentación (No Oficial)

Nuxt Kit

@nuxt/kit proporciona características para autores de módulos.

Nuxt Kit ofrece utilidades componibles para facilitar la interacción con Nuxt Hooks, la Interfaz de Nuxt y el desarrollo de Módulos de Nuxt.

Ver también api > kit

Uso

Instalar Dependencia

Puedes instalar la última versión de Nuxt Kit añadiéndola a la sección dependencies de tu package.json. Sin embargo, considera siempre instalar explícitamente el paquete @nuxt/kit incluso si ya está instalado por Nuxt.

@nuxt/kit y @nuxt/schema son dependencias clave para Nuxt. Si lo estás instalando por separado, asegúrate de que las versiones de @nuxt/kit y @nuxt/schema sean iguales o superiores a tu versión de nuxt para evitar comportamientos inesperados.

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

Importar Utilidades de Kit

test.mjs
import { useNuxt } from '@nuxt/kit'
Ver también api > kit

Las utilidades de Nuxt Kit solo están disponibles para módulos y no están destinadas a ser importadas en tiempo de ejecución (componentes, composables de Vue, páginas, plugins o rutas del servidor).

Nuxt Kit es un paquete solo esm, lo que significa que no puedes require('@nuxt/kit'). Como solución, utiliza la importación dinámica en el contexto de CommonJS:

test.cjs
// ¡Esto NO funciona!
// const kit = require('@nuxt/kit')
async function main() {
  const kit = await import('@nuxt/kit')
}
main()