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 from the Nuxt project root.

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

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