Nuxt मॉड्यूल

UnoCSS के लिए Nuxt मॉड्यूल।

इंस्टॉलेशन

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

अपने Nuxt कॉन्फ़िग फ़ाइल में @unocss/nuxt जोड़ें:

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

uno.config.ts फ़ाइल बनाएं:

import { defineConfig } from 'unocss'

export default defineConfig({
  // ...UnoCSS विकल्प
})

uno.css एंट्री मॉड्यूल द्वारा स्वचालित रूप से इंजेक्ट की जाएगी।

समर्थन स्थिति

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

कॉन्फ़िगरेशन

हम कॉन्फ़िगरेशन के लिए समर्पित uno.config.ts फ़ाइल का उपयोग करने की सलाह देते हैं। अधिक विवरण के लिए कॉन्फ़िग फ़ाइल देखें।

आप nuxtLayers विकल्प को सक्षम कर सकते हैं, ताकि Nuxt स्वचालित रूप से प्रत्येक Nuxt लेयर से uno.config फ़ाइलों को मर्ज कर देगा:

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

फिर आप रूट कॉन्फ़िग फ़ाइल में जेनरेट की गई कॉन्फ़िग को रीएक्सपोर्ट कर सकते हैं:

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

export default config

या इसे संशोधित/विस्तारित करें:

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

export default mergeConfigs([config, {
  // आपके ओवरराइड
}])

लाइसेंस

• MIT लाइसेंस © 2021-वर्तमान Anthony Fu