Nuxt Modul

Das Nuxt Modul für UnoCSS.

Installation

pnpm

pnpm add -D unocss @unocss/nuxt

yarn

yarn add -D unocss @unocss/nuxt

npm

npm install -D unocss @unocss/nuxt

bun

bun add -D unocss @unocss/nuxt

Fügen Sie @unocss/nuxt zu Ihrer Nuxt Konfigurationsdatei hinzu:

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

Erstellen Sie eine uno.config.ts Datei:

import { defineConfig } from 'unocss'

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

Der uno.css Einstiegspunkt wird automatisch vom Modul injiziert.

Unterstützungsstatus

	Nuxt 2	Nuxt Bridge	Nuxt 3
Webpack Dev	✅	✅	🚧
Webpack Build	✅	✅	✅
Vite Dev	-	✅	✅
Vite Build	-	✅	✅

Konfiguration

Wir empfehlen, die dedizierte uno.config.ts Datei für die Konfiguration zu verwenden. Siehe Konfigurationsdatei für weitere Details.

Sie können die Option nuxtLayers aktivieren, damit Nuxt automatisch uno.config Dateien aus jeder Nuxt-Ebene zusammenführt:

export default defineNuxtConfig({
  // ...
  unocss: {
    nuxtLayers: true,
  },
})

dann können Sie die generierte Konfiguration in der Root-Konfigurationsdatei erneut exportieren:

import config from './.nuxt/uno.config.mjs'

export default config

oder modifizieren/erweitern:

import { mergeConfigs } from '@unocss/core'
import config from './.nuxt/uno.config.mjs'

export default mergeConfigs([config, {
  // Ihre Überschreibungen
}])

Lizenz

• MIT License © 2021-PRESENT Anthony Fu