ui/docs/content/1.getting-started/2.installation.md

description

description
Learn how to install and configure the module in your Nuxt app.

Overview

1. Install @nuxthq/ui dependency to your project:

::code-group

yarn add -D @nuxthq/ui

npm install -D @nuxthq/ui

pnpm i -D @nuxthq/ui

::

2. Add it to your modules section in your nuxt.config:

export default defineNuxtConfig({
  modules: ['@nuxthq/ui']
})

::alert That's it! You can now use all the components and composables in your Nuxt app ✨ ::

Options

Key	Default	Description
prefix	u	Define the prefix of the imported components.
global	false	Expose components globally.
icons	['heroicons']	Icon collections to load.

Edge channel

To use the latest updates pushed on the dev branch, you can use @nuxthq/ui-edge.

Update your package.json to the following:

{
  "devDependencies": {
    "@nuxthq/ui": "npm:@nuxthq/ui-edge@latest"
  }
}

Then run npm install or yarn install.