Иконки Font Awesome 5 не работают в Vuetify с Nuxt - PullRequest
Новая
       172

Иконки Font Awesome 5 не работают в Vuetify с Nuxt

0 голосов
/ 13 июля 2020

Я выполнил процедуру установки, описанную в Vuetify, чтобы использовать значки Font Awesome в моем приложении Nuxt.

https://vuetifyjs.com/en/customization/icons/#install -font-awesome-5-icons

Однако значки не работают. Вот мой код шаблона. 

<v-btn v-for="icon in icons" :key="icon" class="mx-3" icon>
  <v-icon size="24px">
    {{ icon }}
  </v-icon>
</v-btn>

Вот код скрипта. 

<script>
export default {
  name: 'Footer',
  data () {
    return {
      icons: [
        'fab fa-facebook',
        'fab fa-twitter',
        'fab fa-linkedin',
        'fab fa-google-plus',
        'fab fa-instagram'
      ]
    }
  }
}
</script>

1 Ответ

0 голосов
/ 13 июля 2020

Используйте интерфейс командной строки для установки значков Font Awesome 

npm install --save @fortawesome/fontawesome-free

Добавьте CSS в файл nuxt.config.js 

css: [
  '@fortawesome/fontawesome-free/css/all.css'
],
...