Set up Master CSS in Nuxt.js

Guide to setting up Master CSS in your Nuxt.js project.

If you don't have a Nuxt project, create one first.

Terminal

npx nuxi@latest init my-appcd my-app

Run the installer from the Nuxt project root. Static is the default: it scans complete class strings and emits ordinary CSS.

Terminal

npm create @master/css@rc -- --framework nuxt --yes

Run the development server.

npm run dev

pnpm run dev

bun run dev

yarn run dev

Now style your first component using Master CSS syntax.

localhost:3000

Hello World

app.vue

<template>  <h1 class="m-2xl italic font-5xl font-heavy text-neutral">    Hello World  </h1></template>