Nuxt Module

UnoCSS için Nuxt modülü.

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

@unocss/nuxt'ü Nuxt yapılandırma dosyanıza ekleyin:

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

Bir uno.config.ts dosyası oluşturun:

import { defineConfig } from 'unocss'

export default defineConfig({
  // ...UnoCSS seçenekleri
})

uno.css girişi modül tarafından otomatik olarak enjekte edilecektir.

Support status

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

Configuration

Yapılandırma için özel uno.config.ts dosyasını kullanmanızı öneririz. Daha fazla ayrıntı için Yapılandırma Dosyası bölümüne bakın.

nuxtLayers seçeneğini etkinleştirebilirsiniz, böylece Nuxt her Nuxt katmanından uno.config dosyalarını otomatik olarak birleştirecektir:

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

ardından kök yapılandırma dosyasında oluşturulan yapılandırmayı yeniden dışa aktarabilirsiniz:

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

export default config

veya değiştirin/genişletin:

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

export default mergeConfigs([config, {
  // geçersiz kılmalarınız
}])

License

• MIT License © 2021-PRESENT Anthony Fu