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.js project, create one first. It's recommended to refer to Get started with Nuxt.js.
npx nuxi@latest init my-appcd my-app
Install Master CSS
Install @master/css.nuxt
plugin into your project.
npm i @master/css.nuxt@rc
Create a configuration file
Run the command to create a master.css.js file.
npm create @master/css@rc
Set up Master CSS
Add a @master/css.nuxt
module in nuxt.config.ts
.
- By default,
options.mode
is set toprogressive
.
export default defineNuxtConfig({ modules: [ '@master/css.nuxt' ]})
Launch server
Run npm run dev
to start your Nuxt.js development server
npm run dev
Start using Master CSS
Now style your first element using Master CSS syntax!
<template> <h1 class="italic m:12x fg:strong font:40 font:heavy"> Hello World </h1></template>
localhost:3000