Vue.js で Bulma を使う

css framework のBulmaをVue.jsで使うための設定

Bulma 、Font Awesomeをインストール

$ npm i -D bulma sass-loader node-sass
$ npm i -D vue-awesome

Bulma 、Font Awesomeを利用できるように

./src/App.vue

<style lang="scss">
@import "../node_modules/bulma/bulma.sass";

./src/main.ts

import 'vue-awesome/icons/flag'
import 'vue-awesome/icons'
import Icon from 'vue-awesome/components/Icon.vue'

Vue.component('icon', Icon)