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>