Quick start (Nuxt)

1. Install Vueless Nuxt module.

npm

npm install @vueless/nuxt
npx vueless init

yarn

yarn add @vueless/nuxt
yarn vueless init --yarn

Use the --yarn flag when working with Yarn 2+ or newer. This will generate a .yarnrc.yml file preconfigured with the necessary settings for the Vueless package.

pnpm

pnpm add @vueless/nuxt
pnpm exec vueless init --pnpm

Use the --pnpm flag when working with pnpm. This will generate a .npmrc file preconfigured with the necessary settings for the Vueless package.

bun

bun add @vueless/nuxt
bunx vueless init

2. Register @vueless/nuxt into the Nuxt config modules section.

nuxt.config.{js,ts}

export default defineNuxtConfig({
  modules: [
    '@vueless/nuxt'
  ],
  ...
})

3. Import Tailwind CSS and Vueless at the top of the main CSS file.

main.css

@import "tailwindcss";
@import "vueless";

That’s it! Vueless is now ready to use in your app ✨