GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → buefy → Nuxt Buefy

buefy / Nuxt Buefy

Licence: mit
Nuxt Buefy

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

nuxt

Projects that are alternatives of or similar to Nuxt Buefy

Actions Gh Pages
GitHub Actions for GitHub Pages 🚀 Deploy static files and publish your site easily. Static-Site-Generators-friendly.
Stars: ✭ 2,576 (+1331.11%)
Mutual labels:  nuxt
Nuxt Env
Inject env vars for your Nuxt app at runtime
Stars: ✭ 169 (-6.11%)
Mutual labels:  nuxt
Human Connection
Free and open-source social network for active citizenship.
Stars: ✭ 177 (-1.67%)
Mutual labels:  nuxt
Vue Stator
Vuex alternative based on Vue.observable()
Stars: ✭ 162 (-10%)
Mutual labels:  nuxt
Plainbudget
Minimalist Plain Text Budgeting
Stars: ✭ 167 (-7.22%)
Mutual labels:  nuxt
Nuxtron
⚡ Nuxt.js + Electron ⚡
Stars: ✭ 170 (-5.56%)
Mutual labels:  nuxt
Nuxt Leaflet
Nuxt module for leafletjs - https://schlunsen.github.io/nuxt-leaflet/
Stars: ✭ 152 (-15.56%)
Mutual labels:  nuxt
Robots Module
NuxtJS module for robots.txt
Stars: ✭ 180 (+0%)
Mutual labels:  nuxt
Vue People
VuePeople lists and connects Vue.JS developers around the world.
Stars: ✭ 167 (-7.22%)
Mutual labels:  nuxt
Nuxt Client Init Module
Provide client version of nuxtServerInit
Stars: ✭ 176 (-2.22%)
Mutual labels:  nuxt
Fame
A blog power by spring-boot and vue
Stars: ✭ 162 (-10%)
Mutual labels:  nuxt
Nuxt Coreui
💫 NuxtJS + CoreUI Project — Unofficial Nuxt + CoreUI project, free to use boilerplate for every need.
Stars: ✭ 166 (-7.78%)
Mutual labels:  nuxt
Nuxt Imagemin
Nuxt module to minify your images. Works with: png, jpeg, gif, and svg
Stars: ✭ 170 (-5.56%)
Mutual labels:  nuxt
Vue Warehouse
A Cross-browser storage for Vue.js and Nuxt.js, with plugins support and easy extensibility based on Store.js.
Stars: ✭ 161 (-10.56%)
Mutual labels:  nuxt
Google Optimize Module
SSR friendly Google Optimize module for Nuxt.js
Stars: ✭ 180 (+0%)
Mutual labels:  nuxt
Nuxt Bnhcp
nuxt、express、vue、mysql、redis、nginx、socket.io (实战商城)
Stars: ✭ 1,929 (+971.67%)
Mutual labels:  nuxt
Vue Tailwind Picker
🎉 Datepicker component for vue.js build with Tailwind CSS & dayjs date library
Stars: ✭ 170 (-5.56%)
Mutual labels:  nuxt
Press
Minimalist Markdown Publishing for Nuxt.js
Stars: ✭ 181 (+0.56%)
Mutual labels:  nuxt
Wp Nuxt
The module adds WP-API to your nuxt application.
Stars: ✭ 179 (-0.56%)
Mutual labels:  nuxt
Blog
旧书常读出新意,俗见尽弃作雅人！
Stars: ✭ 173 (-3.89%)
Mutual labels:  nuxt
View All Similar Projects ➔

nuxt-buefy

npm (scoped with tag) npm CircleCI Codecov Dependencies js-standard-style

It's really very simple to start with nuxt. But we can make it even simpler by adding nuxt-buefy.

📖 Release Notes

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:

  1. Disable buefy css in module options:
{
  modules: [
    ['nuxt-buefy', { css: false }]
 ]
}
  1. Create a .scss file:
// Import bulma styles
@import "~bulma";

// Import buefy styles
@import "~buefy/src/scss/buefy";
  1. Define css property in nuxt.config:
{
  css: ['@/assets/scss/main.scss']
}

Development

  • Clone this repository
  • Install dependnecies using yarn install or npm install
  • Start development server using yarn run dev or npm run dev

License

MIT License

Copyright (c) Rafael Beraldo

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].