Vue.js 字体5图标在Vuetify和Nuxt中不起作用

我已经按照Vuetify中规定的安装过程在我的

numxt

应用程序中使用了字体很棒的图标

但是，图标不起作用。这是我的模板代码

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

{{icon}}

下面是脚本代码

<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>

导出默认值{
名称：'页脚'，
数据（）{
返回{
图标：[
“fab fa facebook”，
“fab fa twitter”，
“fab fa linkedin”，
“fab fa google plus”，
“fab fa instagram”
]
}
}
}

使用CLI安装字体图标

npm install --save @fortawesome/fontawesome-free

在

numxt.config.js

文件中添加CSS

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

---

谢谢，这个解决方案适合我@nuxt/bulma与fa图标有相同的问题