Как импортировать пользовательский значок SVG в Vuex (Vuetify)

Question

Как импортировать пользовательский значок SVG в Vuex (используя Vuetify и Nuxt. js)

в Vuetify.options:

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

Answer 1

Согласно документации здесь Вы должны импортировать значок в файле конфигурации (для vuetify) и добавить его в vuetify bootstrap, как вы это сделали. Хотя для всех значков вам нужно иметь значение по умолчанию, как показано в документации выше.

В основном должно выглядеть примерно так:

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
    },
  },
})