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.

npx nuxi@latest init my-appcd my-app

Run the installer in static mode from the Nuxt project root. Static mode scans complete class strings and emits generated CSS at build time.

npm create @master/css@rc -- --framework nuxt --mode static --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

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