Modulul Nuxt

Modulul Nuxt pentru UnoCSS.

Instalare

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

Adăugați @unocss/nuxt în fișierul de configurare Nuxt:

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

Creați un fișier uno.config.ts:

import { defineConfig } from 'unocss'

export default defineConfig({
  // ...opțiuni UnoCSS
})

Intrarea uno.css va fi injectată automat de modul.

Status de suport

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

Configurare

Vă recomandăm să utilizați fișierul dedicat uno.config.ts pentru configurare. Consultați Fișierul de Configurare pentru mai multe detalii.

Puteți activa opțiunea nuxtLayers, astfel încât Nuxt să fuzioneze automat fișierele uno.config din fiecare strat Nuxt:

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

apoi puteți re-exporta configurația generată în fișierul de configurare rădăcină:

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

export default config

sau să o modificați/extindeți:

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

export default mergeConfigs([config, {
  // suprascrierile tale
}])

Licență

• Licență MIT © 2021-PREZENT Anthony Fu