@mc-proto/revel-buefy v0.1.4

Revel Buefy

Revel + Bulma + Buefy

Installation

First, npm install -S @mc-proto/revel-buefy.

Install the plugin

import RevelBuefy from '@mc-proto/revel-buefy';
import './assets/scss/app.scss';

Vue.use(RevelBuefy);

In app.scss

// Let revel-buefy know where to find proxima so Vue can package/serve it
$font-path-proxima-nova: '~@mc-proto/revel-bulma/fonts/proxima-nova';
// Import the main scss bundle. $font-path-proxima-nova will override the default value in the bundle.
@import "~@mc-proto/revel-buefy/scss/bundle";

Optional: Add imports with style-resources-loader vue add style-resources-loader then in vue.config.js

const path = require('path');

module.exports = {
	pluginOptions: {
		'style-resources-loader': {
			preProcessor: 'scss',
			patterns: [
				path.resolve(__dirname, './node_modules/@mc-proto/revel-buefy/scss/imports.scss'),
			],
		},
	},
};

This will make all Bulma/Buefy/Revel variables available in each component's scss.