RockBand

Features

RockBand is a Nuxt component library that comes with:

• Nuxt Image
• Pug
• Tailwind CSS + Tailwind CSS Forms
• PostCSS
• Font Awesome
• Simple Icons
• Lodash
• Nuxt Taxonomies

These are used to create a base set of components and plugins for my Nuxt projects.

Installation

Add RockBand to your project:

yarn add --dev @rockband/nuxt

Add RockBand to buildModules in nuxt.config.js:

buildModules: [
  '@rockband/nuxt'
]

Overwrite Default Styles

Create a CSS file at assets/css/rockband.css and import @rockband/vue:

@import "@rockband/vue";

/* Declare your styles or local imports here. */

RockBand comes with Tailwind CSS and PostCSS; you can count on both of them working for this file and its imports. And of course, you can just write plain old CSS.

You can also configure tailwind.config.js following their docs. Apart from the rockband.css file, it's just like any other Tailwind installation.