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.