Nuxt 用的 UnunuraCSS
真正的 CSS 引擎。僅限作用域。
使用
pnpm add -D nuxt-ununura
export default defineNuxtConfig({
modules: [
'nuxt-ununura'
],
ununura: {
// Options here
}
})
範例
// app.vue
<template>
<div class="reset:meyer">
<NuxtLayout>
<NuxtPage/>
</NuxtLayout>
</div>
</template>
//...
// index.vue
<template>
<main>
<div class="flex[col jc-center ai-center] bg:black w:100% h[min 100vh] text[arial green 2rem 700]">
Hello Nuxt!
</div>
</main>
</template>