如何在Vuex（Vuetify）中导入自定义svg图标

Question

如何在Vuex中导入自定义svg图标（使用Vuetify和Nuxt.js）

在Vuetify.options中：

icons: {
    values: {
      myIcon: {
        component: awesomeIcon
      }
    }
  }

Answer 1

根据文档here，您将在配置文件中导入图标（用于vuetify），然后将其添加到vuetify引导程序中。尽管您需要为所有图标设置默认值，如上面的文档所示。

基本上应该看起来像这样：

import Vue from 'vue'
import Vuetify from 'vuetify/lib'
import myImportedIcon from 'someplace'

Vue.use(Vuetify)

export default new Vuetify({
  icons: {
    iconfont: 'fa',
    values: {
      myIcon: myImportedIcon
    },
  },
})