Как использовать Font-Awesome SVG с Vuetify и Nuxt.js - PullRequest
Новая
       53

Как использовать Font-Awesome SVG с Vuetify и Nuxt.js

0 голосов
/ 19 июня 2019

Я пытаюсь использовать иконки Font-Awesome SVG с Vuetify. Но мне не удается отобразить значки.

Я установил необходимые пакеты с: 

npm install @fortawesome/fontawesome-svg-core @fortawesome/vue-fontawesome @fortawesome/free-solid-svg-icons -D

И файл плагина Vuetify выглядит так: 

import Vue from 'vue'
import Vuetify from 'vuetify/lib'
import colors from 'vuetify/es5/util/colors'
import { library } from '@fortawesome/fontawesome-svg-core'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
import { fas } from '@fortawesome/free-solid-svg-icons'

Vue.component('font-awesome-icon', FontAwesomeIcon)
library.add(fas)

Vue.use(Vuetify, {
  iconfont: 'faSvg',
  theme: {
    primary: colors.blue.darken2,
    accent: colors.grey.darken3,
    secondary: colors.amber.darken3,
    info: colors.teal.lighten1,
    warning: colors.amber.base,
    error: colors.deepOrange.accent4,
    success: colors.green.accent3
  }
})

Попытка показать иконку: 

<v-icon color="white" round>fa-times</v-icon>
...