Nuxt Module

UnoCSS-এর জন্য Nuxt module।

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

আপনার Nuxt config file-এ @unocss/nuxt যোগ করুন:

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

একটি uno.config.ts file তৈরি করুন:

import { defineConfig } from 'unocss'

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

uno.css entry স্বয়ংক্রিয়ভাবে module দ্বারা inject হবে।

Support status

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

Configuration

আমরা configuration-এর জন্য dedicated uno.config.ts file ব্যবহার করার সুপারিশ করি। আরো বিস্তারিত জানার জন্য Config File দেখুন।

আপনি nuxtLayers option enable করতে পারেন, তাহলে Nuxt স্বয়ংক্রিয়ভাবে প্রতিটি Nuxt layer-এর uno.config files merge করবে:

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

তারপর আপনি root config file-এ generated config reexport করতে পারেন:

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

export default config

অথবা এটি modify/extend করতে পারেন:

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

export default mergeConfigs([config, {
  // your overrides
}])

License

• MIT License © 2021-PRESENT Anthony Fu