Vue-svg-loader: удаляет все цвета у иконок?

Question

[thehighhomie]

Для сборки использую vue cli 3.0.

Поставил vue-svg-loader.

Настроил:

// vue.config.js
module.exports = {
  chainWebpack: (config) => {
    const svgRule = config.module.rule('svg')

    svgRule.uses.clear()

    svgRule
      .use('vue-svg-loader')
      .loader('vue-svg-loader')
      .options({
        svgo: {
          plugins: [
            { prefixIds: true }
          ]
        }
      })
  }
}

Вывожу иконки-компоненты по документации, все работает, за исключением стилей. все цвета (в частности теги style) пропадают, иконки становятся просто черными.

Пробовал экспериментировать с svgo:

module.exports = {
  chainWebpack: (config) => {
    const svgRule = config.module.rule('svg')

    svgRule.uses.clear()

    svgRule
      .use('vue-svg-loader')
      .loader('vue-svg-loader')
      .options({
        svgo: {
          plugins: [
            { removeViewBox: false },
            { removeUselessDefs: false },
            { removeStyleElement: false },
            { minifyStyles: false },
            { convertStyleToAttrs: false },
            { convertColors: false }
          ]
        }
      })
  }
}

все равно не работает...

Как можно исправить это поведение?

Comments

[Модератор]

thehighhomie дорогой пользователь, настоятельно рекомендуем еще раз обратить самое пристальное внимание на п. 3.1 регламента работы сервиса (и, в особенности, на его последний абзац). В противном случае, ваши вопросы будут удаляться по причине тег-спама, а систематические нарушения приведут к блокировке учетной записи.

[thehighhomie]

Модератор, я прочитал параграф 3.1 и последний абзац. я учту это.