Integrations
Set up Master CSS in Nuxt.js
Guide to setting up Master CSS in your Nuxt.js project.
Create a project
If you don't have a Nuxt project, create one first.
npx nuxi@latest init my-appcd my-appAdd Master CSS
Run the installer in runtime mode from the Nuxt project root. Runtime mode generates CSS in the browser and skips server-side first-page CSS rendering.
npm create @master/css@rc -- --framework nuxt --mode runtime --yesLaunch server
Run the development server.
npm run devStart using Master CSS
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>