Don't miss Vue.js Amsterdam in March 2025! Save 10% with code NUXT.

ununuracss
nuxt-ununura

A Real CSS Engine. Only Scoped.

UnunuraCSS for Nuxt

A Real CSS Engine. Only Scoped.

Use

pnpm add -D nuxt-ununura

export default defineNuxtConfig({
  modules: [
    'nuxt-ununura'
  ],
  ununura: {
    // Options here
  }
})

Example

// 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>

Access
ununura.com for more explanations.