Nuxt/docs/2.guide/3.going-further/4.kit.md
2023-11-16 21:50:40 +00:00

1.4 KiB

title description
Nuxt Kit @nuxt/kit provides features for module authors.

Nuxt Kit provides composable utilities to make interacting with Nuxt Hooks, the Nuxt Interface and developing Nuxt Modules super easy.

::read-more{to="/docs/api/kit"} Discover all Nuxt Kit utilities. ::

Usage

Install Dependency

You can install the latest Nuxt Kit by adding it to the dependencies section of your package.json. However, please consider always explicitly installing the @nuxt/kit package even if it is already installed by Nuxt.

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

Import Kit Utilities

import { useNuxt } from '@nuxt/kit'

:read-more{to="/docs/api/kit"}

::callout Nuxt Kit utilities are only available for modules and not meant to be imported in runtime (components, Vue composables, pages, plugins, or server routes). ::

Nuxt Kit is an esm-only package meaning that you cannot require('@nuxt/kit'). As a workaround, use dynamic import in the CommonJS context:

// This does NOT work!
// const kit = require('@nuxt/kit')
async function main() {
  const kit = await import('@nuxt/kit')
}
main()