Vue UI components based on Bulma

Prerequisites

Install vue-cli

$ npm i -g vue-cli

Create project

Using webpack template

$ vue init webpack my-project
$ cd my-project
$ npm i

Add Vulma to project

Install

$ npm i -S vulma

Change src/main.js adding these lines:

import Vulma from 'vulma'
Vue.use(Vulma)
  • this is a temporary step (just in Alpha version)

Include vulma folder in Babel loader (build/webpack.base.conf.js)

{
  test: /\.js$/,
  loader: 'babel-loader',
  include: [resolve('src'), resolve('test'), resolve('node_modules/vulma')]
}

Test it…

$ npm run dev

Download Details:

Author: oswaldofreitas

Live Demo: https://vulma.org/

GitHub: https://github.com/oswaldofreitas/vulma

#vuejs #vue-js #javascript #vue

Vue UI components based on Bulma
24.25 GEEK