1.0.1 • Published 3 years ago
nuxt-buefy-tadams v1.0.1
nuxt-buefy
It's really very simple to start with nuxt. But we can make it even simpler by adding nuxt-buefy.
Install
If you create new project from scratch, just choose buefy right from create-nuxt-app!
For already existing project just:
npm i nuxt-buefy
# or
yarn add nuxt-buefy
TypeScript support
Add buefy/types
to tsconfig.json
:
{
"compilerOptions": {
"types": [
"buefy/types"
]
}
}
Usage
{
modules: [
// Simple usage
'nuxt-buefy',
['nuxt-buefy', { /* buefy options */ }]
]
}
or
{
modules: [
// Simple usage
'nuxt-buefy',
],
buefy: { /* buefy options */ }
}
Options
Name | Description | Type | Values | Default |
---|---|---|---|---|
css | Add buefy css | Boolean | true or false | true |
materialDesignIcons | Add material design icons | Boolean | true or false | true |
You can use buefy construct options.
Customization
If you're familiar with Sass and want to customize Buefy with your own theme, follow these steps:
- Disable buefy css in module options:
{
modules: [
['nuxt-buefy', { css: false }]
]
}
- Create a
.scss
file:
// Import bulma styles
@import "~bulma";
// Import buefy styles
@import "~buefy/src/scss/buefy";
- Define
css
property innuxt.config
:
{
css: ['@/assets/scss/main.scss']
}
Development
- Clone this repository
- Install dependnecies using
yarn install
ornpm install
- Start development server using
yarn run dev
ornpm run dev
License
Copyright (c) Rafael Beraldo