[20201202] bulma icon を取り込み方法-Vue3

[linzhengen]

• fontawesome-freeパッケージを使う

yarn add @fortawesome/fontawesome-free

• main.tsにimport文を追加

import { createApp } from 'vue';
import App from './App.vue';
import router from './router';
import { store, key } from './store';
import '@fortawesome/fontawesome-free/scss/fontawesome.scss';
import '@fortawesome/fontawesome-free/scss/brands.scss';
import '@fortawesome/fontawesome-free/scss/regular.scss';
import '@fortawesome/fontawesome-free/scss/solid.scss';
import 'bulma/bulma.sass';

createApp(App).use(store, key).use(router).mount('#app');

• fa-githubのiconが使える

  <a class="icon" href="//github.com/linzhengen/string-cube-vue3" target="_blank">
  <i class="fab fa-github"></i>
  </a>