Nuxt Kit

@nuxt/kit은 모듈 작성자를 위한 기능을 제공합니다.

Nuxt Kit은 Nuxt Hooks, Nuxt Interface와 상호작용하고 Nuxt Modules을 개발하는 것을 매우 쉽게 만들어주는 조합 가능한 유틸리티를 제공합니다.

사용법

최신 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"
  }
}

test.mjs

import { useNuxt } from '@nuxt/kit'

Nuxt Kit 유틸리티는 모듈에만 사용할 수 있으며 런타임(컴포넌트, Vue 조합 가능, 페이지, 플러그인 또는 서버 경로)에서 가져오는 것을 목적으로 하지 않습니다.

Nuxt Kit은 esm 전용 패키지이므로 require('@nuxt/kit')을 사용할 수 없습니다. 해결책으로 CommonJS 컨텍스트에서 동적 import를 사용하세요:

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