Nuxt Module

The Nuxt module for UnoCSS.

Installation

pnpmyarnnpm

bash

pnpm add -D @unocss/nuxt

pnpm add -D @unocss/nuxt

bash

yarn add -D @unocss/nuxt

yarn add -D @unocss/nuxt

bash

npm install -D @unocss/nuxt

npm install -D @unocss/nuxt

Add @unocss/nuxt to your Nuxt config file:

// nuxt.config.ts
export default defineNuxtConfig({
  modules: [
    '@unocss/nuxt',
  ],
})

// nuxt.config.ts
export default defineNuxtConfig({
  modules: [
    '@unocss/nuxt',
  ],
})

Create a uno.config.ts file:

// uno.config.ts
import { defineConfig } from 'unocss'

export default defineConfig({
  // ...UnoCSS options
})

// uno.config.ts
import { defineConfig } from 'unocss'

export default defineConfig({
  // ...UnoCSS options
})

The uno.css entry will be automatically injected by the module.

We recommend to use the dedicated uno.config.ts file for configuration. See Config File for more details.